Constat că 98% din utilizarea mea SVG provine din fișiere SVG pre-create sau artă vectorială în unele programe software de proiectare pe care, în cele din urmă, le export ca SVG. Nu foarte des manipulez manual coordonatele lucrurilor din codul SVG. Hei, chiar am o carte despre toate astea.
Dar, din când în când, este potrivit și poate chiar puțin distractiv. În acest caz, am vrut să trasez o linie destul de specifică, cu câteva ture ușoare în ea. Cu o mică cunoaștere a sintaxei căii SVG (cea mai ciudată, dar cea mai puternică dintre instrumentele de desenare SVG) o putem realiza fără prea multe agitații.
Demo cu care am jucat în videoclip:
Vezi Pen
KOvPaa de Chris Coyier (@chriscoyier)
pe CodePen.
Ideea originală:
A se vedea Pen
Lighted Path de Chris Coyier (@chriscoyier)
pe CodePen.
Amintiți-vă că ceea ce nu am reușit este să reglați SVG astfel încât colțurile rotunjite să rămână într-un raport de aspect frumos, în timp ce restul SVG a fost flexibil și ar putea umple spațiul vertical și orizontal. Este posibil, este doar mai complicat și va trebui să o acoperim altă dată.