Softonic

SVG-lichtkrantgenerator

x-init="restore()" >
Stap 1 / 2
Volgende

Maak een eenvoudige schuivende tekstbanner als zelfstandig SVG-bestand. De tool maakt hem lokaal in je browser, herhaalt je tekst twee keer en beweegt die van rechts naar links. Alleen tekst wordt ondersteund: geen logo’s, afbeeldingen, eigen lettertypen of transparante achtergrond.

Een geanimeerde SVG-tekstbanner maken

  1. 1

    Schrijf de bannertekst

    Vul de boodschap in die moet schuiven. De SVG herhaalt die tekst twee keer.

  2. 2

    Kies de animatieduur

    Kies 3 tot 40 seconden. De tekst beweegt altijd van rechts naar links.

  3. 3

    Pas het canvas aan

    Kies een breedte van 300 tot 1.600 px, hoogte van 40 tot 200 px en lettergrootte van 14 tot 80 px.

  4. 4

    Kies kleuren en exporteer

    Kies tekst- en achtergrondkleur en kopieer de SVG-code of download marquee.svg.

Wat de geëxporteerde SVG bevat

De download is één SVG-bestand. Het bevat vetgedrukte tekst met de stapel Inter, Arial, sans-serif, twee aansluitende kopieën van je tekst, een effen achtergrondrechthoek en een SVG-element <animate>. De animatie verplaatst de tekst vanaf de rechterrand naar links en herhaalt zich onbeperkt. Het bestand bevat geen JavaScript of externe bestanden.

Compatibiliteit en beperkingen

SVG-viewers en platforms behandelen animatie niet allemaal hetzelfde. Een browser kan de banner animeren, terwijl een e-mailprogramma, documenteditor of contentfilter statische tekst toont, de SVG verwijdert of de animatie wegneemt. Test het bestand waar je het wilt gebruiken.

De editor heeft een vaste rechts-naar-linksbeweging, een vaste vetgedrukte lettertypestapel en effen kleurkiezers. Je kunt geen afbeeldingen, logo’s, lettertypefamilie of -gewicht, toegankelijkheidsmetadata toevoegen en er is geen naadloze lus voor elke tekstlengte gegarandeerd.

Privacy

Je tekst en instellingen worden lokaal in de browser gemaakt. Tijdens de editor met twee stappen staan ze alleen in de sessieopslag van dit tabblad; ze gaan niet naar onze servers en komen niet in de URL. Kies Opnieuw beginnen of sluit het tabblad om deze gegevens te wissen.

Veelgestelde vragen

Nee. Het bestand bevat een SVG-animatie-element, geen JavaScript. Of de animatie afspeelt hangt af van viewer of platform.

Niet met deze editor. De tekst gaat altijd van rechts naar links.

Nee. Voorbeeld, kopiëren en download gebeuren in de browser. Alleen sessie-instellingen blijven in het tabblad staan tussen de stappen.

Gerelateerde tools

Material Design-kleurkiezer

Blader door het Material Design-kleurenpalet. Kopieer elke tint (van 50 tot A700) als HEX-, RGB- of HSL-waarde met één tik.

Gelinieerd papier generator

Maak gratis afdrukbaar gelinieerd papier. Kies college-, brede of smalle liniëring, stel de regelafstand in mm, het papierformaat en een kantlijn in, en druk af of download de SVG.

Instagram-grid-splitter

Verdeel een brede afbeelding in een 3×3 Instagram-grid, of in een willekeurig aantal rijen. De tegels zijn genummerd, zodat je ze eenvoudig in omgekeerde volgorde kunt uploaden.

Contactblad maken

Rangschik foto’s op afdrukbare A4- of Letter-contactbladen met bijschriften en voorvertoning en download JPEG-pagina’s of een pdf.

Afbeelding naar grijswaarden

Zet kleurenafbeeldingen in uw browser om naar grijswaarden. Gratis en privé, er wordt niets geüpload.

Kruissteekpatroon maken

Zet JPEG, PNG of WebP om in een afdrukbaar kruissteekpatroon van 10–150 steken met 2–40 eigen kleuren, symbolen, exacte aantallen en stofmaten.

Tool beschikbaar in andere talen