SVG-blobgenerator
Verktyg för SVG-blobgenerator
Om SVG Blob Generator
SVG Blob Generator bygger organiska, blobbiga slutna former med kubiska Bezier-kurvor och exporterar dem som färdigklistrad SVG-markup. Den samplar N punkter runt en cirkel med en slumpmässig radiell offset, jämnar dem med en granne-baserad tangentberäkning och kopplar ihop allt till en enda sluten <path>. En live förhandsgranskning och kopierbar kodblock låter dig ta resultatet omedelbart.
Så använder du
1. Justera komplexitetsreglaget (3 till 12) för att ställa in hur många ankarpunkter som formar blobben. 2. Justera slumpmässighetsreglaget (0.10 till 1.00) för att kontrollera hur långt varje punkt kan drifta från basradien. 3. Ställ in storleken (100 till 500px) på det fyrkantiga viewBox. 4. Valfritt höj strokebredden (0 till 10) för att lägga till en kontur i samma färg som fyllningen. 5. Välj en fyllningsfärg med färgprovet. 6. Klicka på Randomisera (eller tryck på valfritt reglage) för att blanda om formen. 7. Klicka på Kopiera för att kopiera den genererade SVG-koden till urklipp.
SVG-utdataformat
Den exporterade markupen är en enda <svg> med ett fyrkantigt viewBox på 0 0 {storlek} {storlek}. Den innehåller en enda <path> vars d-attribut är en serie C (kubisk Bezier)-kommandon stängda med Z. Utjämningsfaktorn är fast på 0.2, härrör från vektorn mellan varje punkts grannar. När strokebredden är större än 0 får sökvägen också stroke- och stroke-width-attribut inställda på samma fyllningsfärg; annars avges bara fill.
▶Varför ger två klick på Randomisera olika former även med samma inställningar?
▶Kan jag göra blobben större än 500px?
▶Matchar stroke-färgen fyllningen?
▶Skickas min data till en server?
Om detta verktyg har varit till hjälp för dig, överväg att bjuda mig på en kaffe.
Bjud mig på en kaffe