Egyéni útvonal a Szövegút widgethez

A Szövegút widgetben egyéni SVG-útvonalat is választhatsz, amely mentén a szöveg halad. Itt azt találod, hogyan készítsd el az útvonalat, és hogyan töltsd fel.

Az útvonal három alapszabálya

1. Az útvonalnak valódi útvonalnak (path) kell lennie, nem vonalnak, töröttvonalnak vagy körnek.
2. Minden útvonalnak kell kezdőpont.
3. Az útvonalat balról jobbra, az óramutató járásával megegyező irányban kell megrajzolni.

Megjegyzés

Ha az útvonalat jobbról balra rajzolod, a szöveg fejjel lefelé jelenik meg.

Az SVG-útvonalat két módon készítheted el: tervezőprogrammal (például Adobe Illustratorral) vagy online SVG-útvonalgenerátorral.

Útvonal készítése Adobe Illustratorral

1. Hozz létre egy új rajztáblát a File menüből (például 250 × 250 px).
2. A Toll eszközzel rajzold meg az útvonalat, például egy hullámot. A körvonal színe legyen tömör fekete (#000), a kitöltés pedig nincs.
3. Ívhez a Toll eszközt a bal gomb nyomva tartása közben húzd, az íveket a fogópontokkal igazíthatod.
4. Az Esc billentyűvel fejezd be az útvonalat.

Zárt útvonal

Zárt útvonalnál a lépések ugyanezek, ezek a különbségek:

1. Zárt kört az Ellipszis eszközzel rajzolj.
2. A Közvetlen kijelölés eszközzel jelöld ki a zárt útvonalat, és válassz kezdőpontot.
3. Válaszd az útvonal vágását a kijelölt horgonypontnál: így a kívánt helyen megszakad.
4. Az útvonalat hagyd nyitva.

A rajztábla méretének csökkentése

A felesleges helyet távolítsd el, hogy a rajztábla akkora legyen, mint az útvonal:

1. Kattints az útvonalra a Kijelölés eszközzel.
2. A főmenüben válaszd az Object → Artboards → Fit to Artwork Bounds menüpontot.

Exportálás

Az elkészült útvonalat SVG-fájlként exportáld ezekkel az SVG-beállításokkal:

Beállítás	Érték
Style	Internal CSS
Font	SVG
Images	Link
Object IDs	Unique
Decimal	4
Minify	bekapcsolva
Responsive	kikapcsolva

Útvonal készítése online generátorral

Ha nincs tervezőprogramod, használhatsz online SVG-útvonalszerkesztőt is. Kövesd az adott szolgáltatás útmutatását. Ilyen szerkesztő például az SVG Path Editor és a Mavo SVG Path demó.

Az útvonal megtisztítása

A tervezőprogramok és a generátorok gyakran fölösleges stílusokat és attribútumokat tesznek az SVG-be. Ezeket online SVG-tisztító eszközzel (például az SVGOMG-gal) eltávolíthatod, ami a fájl méretét is csökkenti.

Figyelem

A tisztítás után ellenőrizd, hogy az útvonal még működik-e. Ha túl sok attribútumot távolítasz el, az útvonal használhatatlanná válhat.

Az útvonal feltöltése

Töltsd fel az elkészült SVG-fájlt a Szövegút widgetbe, írd be a szöveget, és szükség szerint állítsd be a stílusát.