Megállapítottam, hogy az összes SVG-használatom 98% -a előre elkészített SVG fájlokból vagy vektoros rajzokból származik valamilyen tervező szoftverben, amelyeket végül SVG-ként exportálok. Nem túl gyakran manipulálom kézzel az SVG kódban szereplő dolgok koordinátáit. Hé, még könyvem is van minderről.
De időnként ez megfelelő, és talán még egy kicsit szórakoztató is. Ebben az esetben egy elég konkrét vonalat akartam megrajzolni, benne néhány lágy fordulattal. Az SVG útvonal-szintaxisának (az SVG legfejlettebb, de a legerősebb rajzeszközeinek) kevés ismeretével különösebb felhajtás nélkül meg tudjuk valósítani.
Demo, amellyel videón játszottunk:
Lásd
Chris Coyier (@chriscoyier) Pen KOvPaa -t
a CodePen-en.
Eredeti ötlet:
Lásd
Chris Coyier (@chriscoyier) tollal megvilágított útját a CodePen
-en.
Ne feledje, hogy nem sikerült elvégeznünk az SVG beállítását úgy, hogy a lekerekített sarkok szép képarányban maradjanak, míg az SVG többi része rugalmas volt, és megtölthette a függőleges és vízszintes teret. Ez lehetséges, csak bonyolultabb, és máskor le kell térnünk rá.