Generator teks berjalan SVG

x-init="restore()" >

Buat banner teks bergerak sederhana sebagai SVG mandiri. Alat ini membuatnya secara lokal di browser, mengulang teks dua kali, dan menggerakkannya dari kanan ke kiri. Hanya teks yang didukung, tanpa logo, gambar, font kustom, atau latar transparan.

Membuat banner teks SVG animasi

  1. 1

    Tulis teks banner

    Masukkan pesan yang ingin digulirkan. SVG akan mengulang teks itu dua kali.

  2. 2

    Atur durasi animasi

    Pilih 3 sampai 40 detik. Teks selalu bergerak dari kanan ke kiri.

  3. 3

    Atur kanvas

    Pilih lebar 300 sampai 1.600 px, tinggi 40 sampai 200 px, dan ukuran huruf 14 sampai 80 px.

  4. 4

    Pilih warna dan ekspor

    Pilih warna teks dan latar, lalu salin kode SVG atau unduh marquee.svg.

Isi SVG yang diekspor

Unduhan adalah satu file SVG. File ini berisi teks tebal dengan tumpukan Inter, Arial, sans-serif, dua salinan teks yang berdampingan, persegi panjang latar polos, dan elemen SVG <animate>. Animasi memindahkan teks dari tepi kanan ke kiri dan mengulang tanpa batas. Tidak ada JavaScript atau aset eksternal di dalam file.

Kompatibilitas dan batasan

Penampil SVG dan platform tidak selalu memperlakukan animasi dengan cara yang sama. Browser mungkin menganimasikan banner, sedangkan klien email, editor dokumen, atau penyaring konten dapat menampilkan teks statis, menghapus SVG, atau menghapus animasinya. Uji file di tempat Anda akan memakainya.

Editor ini memiliki gerakan kanan-ke-kiri tetap, tumpukan font tebal tetap, dan pemilih warna polos. Editor tidak menempatkan gambar atau logo, memilih keluarga atau ketebalan font, menambahkan metadata aksesibilitas, atau menjamin putaran mulus untuk semua panjang teks.

Privasi

Teks dan pengaturan dibuat secara lokal di browser. Selama editor dua langkah, data hanya disimpan di session storage tab ini agar tetap ada pada langkah berikutnya; data tidak dikirim melalui server atau dimasukkan ke URL. Gunakan Mulai lagi atau tutup tab untuk menghapusnya.

Pertanyaan yang Sering Diajukan

Tidak. File memakai elemen animasi SVG, bukan JavaScript. Pemutaran animasi bergantung pada penampil atau platform.

Tidak pada editor ini. Teks selalu bergerak dari kanan ke kiri.

Tidak. Pratinjau, salinan, dan unduhan dibuat di browser. Hanya pengaturan sesi yang tersimpan di tab di antara langkah.

Alat Terkait

Alat ini tersedia dalam bahasa lain