Uważam, że 98% całego wykorzystania plików SVG pochodzi z gotowych plików SVG lub grafiki wektorowej w niektórych programach do projektowania, które ostatecznie eksportuję jako SVG. Niezbyt często ręcznie manipuluję współrzędnymi rzeczy w kodzie SVG. Hej, mam nawet książkę o tym wszystkim.
Ale od czasu do czasu jest to odpowiednie, a może nawet trochę zabawne. W tym przypadku chciałem narysować dość specyficzną linię z kilkoma miękkimi zakrętami. Przy odrobinie wiedzy na temat składni ścieżek SVG (najdziwniejsze, ale najpotężniejsze narzędzie do rysowania SVG) możemy to zrobić bez większego zamieszania.
Demo, w które graliśmy na wideo:
Zobacz Pen
KOvPaa autorstwa Chrisa Coyiera (@chriscoyier)
na CodePen.
Oryginalny pomysł:
Zobacz Pen
Lighted Path autorstwa Chrisa Coyiera (@chriscoyier)
na CodePen.
Pamiętaj, że nie zrobiliśmy tego, aby dostosować SVG tak, aby zaokrąglone rogi pozostały w ładnym współczynniku proporcji, podczas gdy reszta SVG była elastyczna i mogła wypełnić przestrzeń pionową i poziomą. To możliwe, jest to po prostu bardziej skomplikowane i będziemy musieli to opisać innym razem.