Generator przewijanego tekstu SVG

x-init="restore()" >

Utwórz prosty przesuwany baner tekstowy jako samodzielny plik SVG. Narzędzie tworzy go lokalnie w przeglądarce, powtarza tekst dwa razy i przesuwa go z prawej do lewej. Obsługuje wyłącznie tekst, bez logo, obrazów, własnych fontów i przezroczystego tła.

Tworzenie animowanego banera tekstowego SVG

  1. 1

    Wpisz tekst banera

    Wpisz komunikat do przewijania. Wygenerowany SVG powtarza go dwa razy.

  2. 2

    Ustaw czas animacji

    Wybierz od 3 do 40 sekund. Tekst zawsze porusza się z prawej do lewej.

  3. 3

    Dopasuj obszar

    Wybierz szerokość 300–1 600 px, wysokość 40–200 px i rozmiar pisma 14–80 px.

  4. 4

    Wybierz kolory i wyeksportuj

    Wybierz kolor tekstu i tła, a następnie skopiuj kod SVG lub pobierz marquee.svg.

Co zawiera wyeksportowany SVG

Pobierany plik jest pojedynczym SVG. Zawiera pogrubiony tekst ze stosem Inter, Arial, sans-serif, dwie sąsiadujące kopie tekstu, jednolite tło prostokątne i element SVG <animate>. Animacja przesuwa tekst od prawej krawędzi w lewo i powtarza się bez końca. Plik nie zawiera JavaScript ani zewnętrznych zasobów.

Zgodność i ograniczenia

Przeglądarki SVG i platformy różnie obsługują animacje. W przeglądarce baner może się poruszać, lecz klient poczty, edytor dokumentów lub filtr treści może pokazać tekst statyczny, usunąć SVG albo jego animację. Sprawdź plik w miejscu docelowym.

Edytor ma stały ruch z prawej do lewej, stały pogrubiony stos fontów i jednolite wybieraki kolorów. Nie dodaje obrazów, logo, rodziny ani grubości fontu, metadanych dostępności i nie gwarantuje płynnej pętli dla każdej długości tekstu.

Prywatność

Tekst i ustawienia powstają lokalnie w przeglądarce. W edytorze dwuetapowym są przechowywane tylko w pamięci sesji tej karty, aby przejść do kolejnego kroku; nie są wysyłane do naszych serwerów ani zapisywane w adresie URL. Użyj Zacznij od nowa albo zamknij kartę, aby je usunąć.

Najczęściej zadawane pytania

Nie. Plik zawiera element animacji SVG, a nie JavaScript. Odtwarzanie zależy od przeglądarki lub platformy.

Nie w tym edytorze. Tekst zawsze przesuwa się z prawej do lewej.

Nie. Podgląd, kopiowanie i pobieranie powstają w przeglądarce. Między krokami w karcie zostają tylko ustawienia sesji.

Powiązane narzędzia

Narzędzie jest dostępne w innych językach