Generador de blobs SVG

SVG Blob Generator construye formas cerradas orgánicas e irregulares mediante curvas de Bezier cúbicas y las exporta como marcado SVG listo para pegar. Toma muestras de N puntos alrededor de un círculo con un desfase radial aleatorio, los suaviza con un cálculo de tangentes basado en vecinos y lo conecta todo en un único <path> cerrado. Una vista previa en vivo y un bloque de código copiable permiten obtener el resultado al instante.

1. Ajusta el control deslizante Complexity (3 to 12) para establecer cuántos puntos de anclaje dan forma al blob. 2. Ajusta el control deslizante Randomness (0.10 to 1.00) para controlar cuánto puede desviarse cada punto del radio base. 3. Establece la Size (100 to 500px) del viewBox cuadrado. 4. Opcionalmente, aumenta el Stroke Width (0 to 10) para añadir un contorno del mismo color que el relleno. 5. Elige una Fill Color mediante la muestra de color. 6. Haz clic en Randomize (o mueve ligeramente cualquier control) para volver a generar la forma. 7. Haz clic en Copy para copiar el código SVG generado al portapapeles.

El marcado exportado es un único <svg> con un viewBox cuadrado de 0 0 {size} {size}. Contiene un <path> cuyo atributo d es una serie de comandos C (Bezier cúbica) cerrados con Z. El factor de suavizado está fijado en 0.2 y se deriva del vector entre los puntos vecinos de cada punto. Cuando el Stroke Width es mayor que 0, la ruta también recibe los atributos stroke y stroke-width con el mismo color de relleno; en caso contrario, solo se emite fill.