Es uzskatu, ka 98% no visiem maniem SVG lietojumiem nāk no iepriekš izveidotiem SVG failiem vai vektoru mākslas dažās projektēšanas programmatūrās, kuras es galu galā eksportēju kā SVG. Ne pārāk bieži es ar rokām manipulēju ar SVG koda lietu koordinātām. Hei, man pat ir grāmata par visu to.
Bet reizēm tas ir piemērots un varbūt pat mazliet jautrs. Šajā gadījumā es gribēju uzzīmēt diezgan konkrētu līniju ar pāris mīkstiem pagriezieniem tajā. Ar nelielām zināšanām par SVG ceļa sintaksi (dīvainākais, bet visspēcīgākais no SVG zīmēšanas rīkiem) mēs to varam paveikt bez lielas satraukuma.
Demonstrācija, ar kuru mēs spēlējām videoklipā:
Skatiet
Krisa Koijera (@chriscoyier) Pen KOvPaa pildspalvu
vietnē CodePen.
Sākotnējā ideja:
Skatiet
Chris Coyier (@chriscoyier) pildspalvas apgaismoto ceļu
vietnē CodePen.
Atcerieties, ka tas, ko mēs nepadarījām, ir SVG pielāgošana tā, lai noapaļotie stūri paliktu jaukā malu proporcijā, bet pārējais SVG būtu elastīgs un varētu aizpildīt vertikālo un horizontālo atstarpi. Tas ir iespējams, tas ir tikai sarežģītāk, un mums tas būs jāpārklāj citreiz.