SVG Blob Generator

SVG Blob Generator bouwt organische, onregelmatige gesloten vormen met behulp van kubieke Bezier-curven en exporteert ze als direct plakbare SVG-markup. Het bemonstert N punten op een cirkel met een willekeurige radiale verschuiving, gladst ze met een op buren gebaseerde raaklijnberekening en verbindt alles tot één gesloten <path>. Een live voorbeeld en een kopieerbaar codeblok leveren het resultaat direct op.

1. Pas de schuifregelaar Complexity (3 to 12) aan om in te stellen hoeveel ankerpunten de blob vormen. 2. Pas de schuifregelaar Randomness (0.10 to 1.00) aan om te bepalen hoe ver elk punt van de basisradius mag afwijken. 3. Stel de Size (100 to 500px) van de vierkante viewBox in. 4. Verhoog eventueel de Stroke Width (0 to 10) om een omtrek toe te voegen in dezelfde kleur als de vulling. 5. Kies een Fill Color via het kleurstaal. 6. Klik op Randomize (of beweeg een willekeurige schuifregelaar iets) om de vorm opnieuw te genereren. 7. Klik op Copy om de gegenereerde SVG-code naar het klembord te kopiëren.

De geëxporteerde markup is één enkele <svg> met een vierkante viewBox van 0 0 {size} {size}. Deze bevat één <path> waarvan het attribuut d een reeks C-(kubieke-Bezier-)opdrachten is, afgesloten met Z. De gladmaakfactor staat vast op 0.2 en wordt afgeleid van de vector tussen de buurpunten van elk punt. Wanneer de Stroke Width groter is dan 0, krijgt het pad ook de attributen stroke en stroke-width in dezelfde vulkleur; anders wordt alleen fill uitgevoerd.