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

> SVG-útvonal készítése Adobe Illustratorral vagy online szerkesztővel, megtisztítása és feltöltése a Szövegút widgetbe.

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.