SVG Blob-generator

SVG Blob Generator opbygger organiske, blob-agtige lukkede former ved hjælp af kubiske Bezier-kurver og eksporterer dem som SVG-markup, der er klar til at indsætte. Den tager N punkter omkring en cirkel med en tilfældig radial forskydning, udjævner dem med en nabo-baseret tangentberegning og forbinder alt til en enkelt lukket <path>. En live forhåndsvisning og en kopibar kodeblok lader dig hente resultatet med det samme.

1. Justér skyderen Kompleksitet (3 til 12) for at bestemme, hvor mange ankerpunkter der former blobben. 2. Justér skyderen Tilfældighed (0.10 til 1.00) for at styre, hvor langt hvert punkt kan drive fra basisradius. 3. Sæt Størrelsen (100 til 500px) på den kvadratiske viewBox. 4. Hæv eventuelt Stregbredde (0 til 10) for at tilføje en omrids i samme farve som udfyldningen. 5. Vælg en Udfyldningsfarve ved hjælp af farveprøven. 6. Klik på Tilfældiggør (eller flyt en vilkårlig skyder) for at omstokke formen. 7. Klik på Kopiér for at kopiere den genererede SVG-kode til din udklipsholder.

Den eksporterede markup er en enkelt <svg> med en kvadratisk viewBox på 0 0 {size} {size}. Den indeholder én <path>, hvis d-attribut er en række C-kommandoer (kubisk Bezier) lukket med Z. Udjævningsfaktoren er fastsat til 0.2, afledt af vektoren mellem hvert punkts naboer. Når Stregbredde er større end 0, får path'en også stroke- og stroke-width-attributter sat til samme udfyldningsfarve; ellers udsendes kun fill.