Gerador de Blob SVG

O SVG Blob Generator constrói formas fechadas orgânicas e irregulares usando curvas de Bezier cúbicas e as exporta como markup SVG pronto para colar. Ele amostra N pontos ao redor de um círculo com um deslocamento radial aleatório, suaviza-os com um cálculo de tangentes baseado nos vizinhos e conecta tudo em um único <path> fechado. Uma pré-visualização ao vivo e um bloco de código copiável permitem obter o resultado instantaneamente.

1. Ajuste o controle deslizante Complexity (3 to 12) para definir quantos pontos de ancoragem moldam o blob. 2. Ajuste o controle deslizante Randomness (0.10 to 1.00) para controlar o quanto cada ponto pode se afastar do raio base. 3. Defina a Size (100 to 500px) do viewBox quadrado. 4. Opcionalmente, aumente a Stroke Width (0 to 10) para adicionar um contorno na mesma cor do preenchimento. 5. Escolha uma Fill Color usando a amostra de cor. 6. Clique em Randomize (ou ajuste levemente qualquer controle) para regenerar a forma. 7. Clique em Copy para copiar o código SVG gerado para a área de transferência.

O markup exportado é um único <svg> com um viewBox quadrado de 0 0 {size} {size}. Ele contém um <path> cujo atributo d é uma série de comandos C (Bezier cúbica) encerrados com Z. O fator de suavização é fixado em 0.2 e derivado do vetor entre os pontos vizinhos de cada ponto. Quando a Stroke Width é maior que 0, o caminho também recebe os atributos stroke e stroke-width definidos com a mesma cor de preenchimento; caso contrário, apenas fill é emitido.