Ma leian, et 98% kogu minu SVG kasutamisest pärineb eelnevalt loodud SVG-failidest või vektorikunstist mõnes disainitarkvaras, mille ma lõpuks SVG-na ekspordin. Ma pole eriti sageli käsikäes SVG-koodis olevate asjade koordinaatidega. Kuule, mul on sellest kõigest isegi raamat olemas.
Kuid vahel on see kohane ja võib-olla isegi natuke lõbus. Sel juhul tahtsin tõmmata päris konkreetse joone, milles oleks paar pehmet pööret. Veidi teadmisi SVG teekonna süntaksist (kõige kummalisem, kuid kõige võimsam SVG joonistusvahenditest), saame selle ilma suurema vaevata tehtud.
Demo, millega me videos mängisime:
Vaadake
Code Cenilt Chris Coyieri (@chriscoyier) Pen
KOvPaa.
Algne idee:
Vaadake
CodePenil Chris Coyieri (@chriscoyier) pliiatsi valgustatud teed
.
Pidage meeles, et see, mida me ei teinud, on SVG reguleerimine nii, et ümardatud nurgad jäid kena kuvasuhtega, samal ajal kui ülejäänud SVG oli paindlik ja võis täita vertikaalset ja horisontaalset ruumi. See on võimalik, see on lihtsalt keerulisem ja peame seda teinekord kajastama.