# 172: Roka SVGing ukrivljene črte - CSS-triki

Anonim

Ugotavljam, da 98% moje uporabe SVG izvira iz vnaprej ustvarjenih datotek SVG ali vektorske slike v neki oblikovalski programski opremi, ki jo na koncu izvozim kot SVG. Ne zelo pogosto ročno manipuliram s koordinatami stvari v kodi SVG. Hej, celo knjigo imam o vsem tem.

Toda občasno je to primerno in morda celo malo zabavno. V tem primeru sem želel narisati precej specifično črto z nekaj mehkimi zavoji. Z malo znanja o skladnji poti SVG (najčudnejše, a najmočnejše orodje za risanje SVG) lahko to storimo brez večjega napora.

Predstavitev, s katero smo se igrali v videu:

Oglejte si Pen
KOvPaa Chrisa Coyierja (@chriscoyier)
na CodePen.

Prvotna ideja:

Oglejte si s svinčnikom
osvetljeno pot Chrisa Coyierja (@chriscoyier)
na CodePen.

Ne pozabite, da tisto, česar nismo naredili, je prilagoditev SVG tako, da so zaobljeni vogali ostali v lepem razmerju stranic, medtem ko je bil preostali del SVG prilagodljiv in je lahko zapolnil navpični in vodoravni prostor. To je mogoče, samo bolj zapleteno in to bomo morali pokrivati ​​drugič.