SVG-blob-generaattori

SVG Blob Generator rakentaa orgaanisia, pyöreitä suljettuja muotoja käyttämällä kuutiollisia Bezier-käyriä ja vie ne valmiina liitettäväksi SVG-merkintänä. Se ottaa näytteitä N pistettä ympyrän ympärillä satunnaisella säteellä, tasoittaa ne naapureihin perustuvalla tangenttilaskennalla ja yhdistää kaiken yhdeksi suljetuksi <path>-elementiksi. Suora esikatselu ja kopioitava koodilohko antavat sinun noutaa tuloksen heti.

1. Säädä Monimutkaisuus-liukusäädintä (3–12) asettaaksesi, kuinka monta ankkuripistettä muotoilee blobin. 2. Säädä Satunnaisuus-liukusäädintä (0.10–1.00) hallitaksesi, kuinka paljon kukin piste voi poiketa perussäteen sätestä. 3. Aseta Koko (100–500 px) neliömäiselle viewBoxille. 4. Tarvittaessa suurenna Ääriviivan leveys (0–10) lisätäksesi ääriviivan samalla värillä kuin täyttö. 5. Valitse Täyttöväri värinäytön avulla. 6. Napsauta Satunnaista (tai nudge mikä tahansa liukusäädin) sekoittaaksesi muodon uudelleen. 7. Napsauta Kopioi kopioidaksesi luodun SVG-koodin leikepöydällesi.

Viedy merkintä on yksittäinen <svg>, jonka neliömäinen viewBox on 0 0 {koko} {koko}. Se sisältää yhden <path>-elementin, jonka d-attribuutti on sarja C (kuutiollinen Bezier) -komentoja, jotka on suljettu Z:llä. Tasoitustekijä on kiinteästi 0.2, johdettu vektorista kunkin pisteen naapurien välillä. Kun Ääriviivan leveys on suurempi kuin 0, polulle myös asetetaan stroke- ja stroke-width-attribuutit samaan täyttövärin; muuten vain fill emitoidaan.