Générateur de blobs SVG

SVG Blob Generator construit des formes fermées organiques et irrégulières à l'aide de courbes de Bezier cubiques et les exporte en tant que markup SVG prêt à coller. Il échantillonne N points autour d'un cercle avec un décalage radial aléatoire, les lisse par un calcul de tangentes basé sur les voisins et relie le tout en un seul <path> fermé. Un aperçu en direct et un bloc de code copiable permettent de récupérer le résultat instantanément.

1. Ajustez le curseur Complexity (3 to 12) pour définir combien de points d'ancrage façonnent le blob. 2. Ajustez le curseur Randomness (0.10 to 1.00) pour contrôler jusqu'où chaque point peut s'écarter du rayon de base. 3. Définissez la Size (100 to 500px) du viewBox carré. 4. Augmentez facultativement la Stroke Width (0 to 10) pour ajouter un contour de la même couleur que le remplissage. 5. Choisissez une Fill Color à l'aide de l'échantillon de couleur. 6. Cliquez sur Randomize (ou déplacez légèrement n'importe quel curseur) pour régénérer la forme. 7. Cliquez sur Copy pour copier le code SVG généré dans le presse-papiers.

Le markup exporté est un <svg> unique avec un viewBox carré de 0 0 {size} {size}. Il contient un <path> dont l'attribut d est une série de commandes C (Bezier cubique) fermées par Z. Le facteur de lissage est fixé à 0.2 et dérivé du vecteur entre les points voisins de chaque point. Lorsque la Stroke Width est supérieure à 0, le chemin reçoit également les attributs stroke et stroke-width définis à la même couleur de remplissage ; sinon, seul fill est émis.