# SVG Blob és SVG-szövegútvonal

> Animált, hullámzó folt néhány paraméterből, és szöveg elhelyezése hullám, kör vagy egyéni útvonalon.

## SVG Blob

Az **SVG Blob** widget néhány paraméterből animált, folyamatosan változó görbét (foltot) rajzol.

![Az SVG Blob widget Folt szakasza](./kepek/animaciok-es-effektek-svg-folt.webp)

*Az SVG Blob widget Folt szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor)

A **Folt** szakasz beállításai:

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Görbe feszítése** | Az egyik és a másik görbe közti lekerekítés mértéke (0 = nincs). | 2 |
| **Pontok száma** | A felosztások száma. | 5 |
| **Sugár** | A legkisebb és a legnagyobb sugár (két fogantyúval állítod). | 100 és 200 px |
| **Időtartam** | A legrövidebb és a leghosszabb időtartam. | 1 és 2 s |
| **Pontok megjelenítése** | Bekapcsolva a görbék közti végpontokban egy-egy kör (pont) látszik. | Igen |

További szakaszok a **Tartalom** fülön:

- **Viewbox**: a rajzterület mérete, lásd [SVG alapok](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/animaciok-es-effektek-svg-alapok/); itt csak a **Maximális szélesség** állítható.
- **Pontok**: a megjelenített pontok **Sugár** és **Szín** beállítása.
- **Mintakép**: egy **Kép**, amellyel a folt kitöltését képmintára cserélheted.

![Az SVG Blob widget Stílus füle](./kepek/animaciok-es-effektek-svg-folt-stilus.webp)

*Az SVG Blob widget Stílus füle* (https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor)

A **Stílus** fülön a megjelenést állítod:

| Beállítás | Mit csinál |
| --- | --- |
| **Kitöltési szín** | A folt kitöltőszíne (ha nincs mintakép). |
| **Körvonal színe** | A körvonal színe. |
| **Vonalvastagság** | A körvonal vastagsága. |
| **Igazítás** | A folt helye: **Bal**, **Középre** vagy **Jobb**. |

## SVG-szövegútvonal

Az **SVG-szövegútvonal** widget egy általad választott útvonalra írja a szöveget.

![Az SVG-szövegútvonal widget Kör útvonallal](./kepek/animaciok-es-effektek-svg-utvonal-szoveg.webp)

*Az SVG-szövegútvonal widget Kör útvonallal* (https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor)

Az **Útvonalra írt szöveg** szakasz beállításai:

| Beállítás | Mit csinál |
| --- | --- |
| **Szöveg** | A kiírandó szöveg. |
| **Útvonal** | Az útvonal alakja: **Hullám**, **Kör** vagy **Egyéni**. |
| **Kezdő eltolás** | A kezdőpont és a szöveg eleje közti távolság (%-ban). |
| **Kör sugara** | Csak a **Kör** útvonalnál jelenik meg. |
| **Egyéni útvonal (d)** | Csak az **Egyéni** útvonalnál jelenik meg: az útvonal adata, lásd [SVG alapok](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/animaciok-es-effektek-svg-alapok/). |
| **Útvonal megjelenítése** | Eldönti, hogy az útvonal vonala is látszik-e. |

A **Viewbox** szakasz a rajzterületet adja meg (**Szélesség**, **Magasság**, **Maximális szélesség**).

![A Stílus szakasz az SVG-szövegútvonal widgetben](./kepek/animaciok-es-effektek-svg-utvonal-szoveg-stilus.webp)

*A Stílus szakasz az SVG-szövegútvonal widgetben* (https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor)

A **Stílus** szakasz beállításai:

| Beállítás | Mit csinál |
| --- | --- |
| **Tipográfia** | Betűméret, vastagság, stílus, átalakítás. |
| **Hossz igazítása (térköz)** | Bekapcsolva a betűközöket is alakíthatod; ekkor megjelenik a szöveghossz (a térköz átalakításának értéke). |
| **Szöveg színe** | A szöveg színe. |
| **Útvonal színe** | Az útvonal színe, ha az **Útvonal megjelenítése** be van kapcsolva. |
| **Igazítás** | **Bal**, **Középre** vagy **Jobb**. |