Zjistil jsem, že 98% veškerého mého použití SVG pochází z předem vytvořených souborů SVG nebo vektorového umění v nějakém designovém softwaru, který nakonec exportuji jako SVG. Ne velmi často ručně manipuluji se souřadnicemi věcí v kódu SVG. Hej, o tom všem mám dokonce knihu.
Ale jednou za čas je to vhodné a možná i trochu zábavné. V tomto případě jsem chtěl nakreslit docela konkrétní čáru s několika měkkými zatáčkami. S trochou znalosti syntaxe cesty SVG (nejpodivnější, ale nejvýkonnější z nástrojů kreslení SVG) to zvládneme bez větších rozruchů.
Demo, se kterým jsme hráli ve videu:
Podívejte se na Pen
KOvPaa od Chrisa Coyiera (@chriscoyier)
na CodePen.
Původní nápad:
Podívejte se na Pen
Lighted Path od Chris Coyier (@chriscoyier)
na CodePen.
Nezapomeňte, že to, co jsme nedělali, je úprava SVG tak, aby zaoblené rohy zůstaly v pěkném poměru stran, zatímco zbytek SVG byl flexibilní a mohl vyplnit vertikální a horizontální prostor. To je možné, je to jen komplikovanější a budeme to muset pokrýt jindy.