Manau, kad 98% viso mano SVG naudojimo gaunama iš anksto sukurtų SVG failų arba vektorinės iliustracijos tam tikroje projektavimo programinėje įrangoje, kurią galiausiai eksportuoju kaip SVG. Ne itin dažnai rankomis manipuliuoju SVG kodo daiktų koordinatėmis. Ei, aš net turiu knygą apie visa tai.
Bet kartais tai yra tinkama, o gal net ir šiek tiek smagu. Šiuo atveju norėjau nubrėžti gana konkrečią liniją su pora minkštų posūkių. Turėdami mažai žinių apie SVG kelio sintaksę (keisčiausią, bet galingiausią iš SVG piešimo įrankių), galime tai padaryti be didesnio triukšmo.
Demonstracija, su kuria grojome vaizdo įraše:
Žiūrėkite
„Chris Koyier“ (@chriscoyier) „ Pen KOvPaa“
svetainėje „CodePen“.
Originali idėja:
Žiūrėkite
Chriso Coyier'io (@chriscoyier) rašiklį apšviestą kelią „
CodePen“.
Atminkite, kad to nepadarėme - sureguliuokite SVG taip, kad suapvalinti kampai išliktų gero formato santykiu, o likusi SVG dalis būtų lanksti ir galėtų užpildyti vertikalią ir horizontalią erdvę. Tai įmanoma, tai tik sudėtingiau, ir mes turėsime tai aptarti kitą kartą.