Otkrivam da 98% sve moje upotrebe SVG-a dolazi iz unaprijed stvorenih SVG datoteka ili vektorske slike u nekom dizajnerskom softveru koji na kraju izvozim kao SVG. Ne baš često ručno manipuliram koordinatama stvari u SVG kodu. Hej, čak imam knjigu o svemu tome.
No, povremeno je to prikladno, a možda i pomalo zabavno. U ovom sam slučaju želio povući prilično specifičnu liniju s nekoliko nježnih zavoja. Uz malo znanja o sintaksi SVG-ovog puta (najčudnijeg, ali najsnažnijeg SVG-ovog alata za crtanje), možemo to učiniti bez puno muke.
Demo s kojim smo se igrali u videu:
Pogledajte Pen
KOvPaa Chrisa Coyiera (@chriscoyier)
na CodePenu.
Izvorna ideja:
Pogledajte
put osvijetljen olovkom Chrisa Coyiera (@chriscoyier)
na CodePenu.
Imajte na umu da ono što nismo uspjeli jest podešavanje SVG-a tako da zaobljeni kutovi ostanu u lijepom omjeru, dok je ostatak SVG-a bio fleksibilan i mogao je ispuniti vertikalni i vodoravni prostor. To je moguće, samo je složenije i morat ćemo to pokriti drugi put.