SVG-klumpgenerator
Verktøy for SVG-klumpgenerator
Om SVG Blob Generator
SVG Blob Generator bygger organiske, blob-lignende lukkede former ved hjelp av kubiske Bezier-kurver og eksporterer dem som klare-til-lime SVG-markering. Den sampler N punkter rundt en sirkel med en tilfeldig radial forskyvning, glatter dem med en nabo-basert tangent-beregning, og kobler alt sammen til en enkelt lukket <path>. En live forhåndsvisning og kopierbar kodeblokk lar deg hente resultatet umiddelbart.
Slik bruker du det
1. Juster Kompleksitet-glideren (3 til 12) for å sette hvor mange ankerpunkter former blobben. 2. Juster Tilfeldighet-glideren (0.10 til 1.00) for å kontrollere hvor langt hvert punkt kan drive fra basisradius. 3. Sett Størrelsen (100 til 500px) av den kvadratiske viewBox. 4. Øk eventuelt Pennebredde (0 til 10) for å legge til en omriss i samme farge som fyll. 5. Velg en Fyllfarge ved hjelp av farge-swatchen. 6. Klikk Tilfeldiggjør (eller nudge en glider) for å endre formen. 7. Klikk Kopier for å kopiere den genererte SVG-koden til utklippstavlen.
SVG Utdata-format
Den eksporterte markeringen er en enkelt <svg> med en kvadratisk viewBox på 0 0 {size} {size}. Den inneholder en <path> hvis d-attributt er en serie av C (kubisk Bezier) kommandoer lukket med Z. Utjevningsfaktoren er fast på 0.2, avledet fra vektoren mellom hvert punkts naboer. Når Pennebredde er større enn 0, får stien også stroke og stroke-width attributter satt til samme fyllfarge; ellers sendes bare fyll ut.
▶Hvorfor gir to klikk på Tilfeldiggjør forskjellige former selv med samme innstillinger?
▶Kan jeg gjøre blobben større enn 500px?
▶Matcher pennfargen fyll?
▶Sendes dataene mine til en server?
Hvis dette verktøyet har vært nyttig for deg, vurder å kjøpe meg en kaffe.
Kjøp meg en kaffe