Softonic

SVG-löptextgenerator

x-init="restore()" >
Steg 1 / 2
Nästa

Skapa en enkel rullande textbanderoll som en fristående SVG-fil. Verktyget skapar den lokalt i webbläsaren, upprepar texten två gånger och flyttar den från höger till vänster. Det stöder bara text, inte logotyper, bilder, egna typsnitt eller transparent bakgrund.

Skapa en animerad SVG-textbanderoll

  1. 1

    Skriv bannertexten

    Skriv meddelandet som ska rulla. Den skapade SVG-filen upprepar texten två gånger.

  2. 2

    Ställ in animationstiden

    Välj mellan 3 och 40 sekunder. Texten flyttas alltid från höger till vänster.

  3. 3

    Justera arbetsytan

    Välj bredd 300 till 1 600 px, höjd 40 till 200 px och textstorlek 14 till 80 px.

  4. 4

    Välj färger och exportera

    Välj färg för text och bakgrund, och kopiera SVG-koden eller hämta marquee.svg.

Vad den exporterade SVG-filen innehåller

Hämtningen är en enda SVG-fil. Den innehåller fet text med typsnittsstapeln Inter, Arial, sans-serif, två intilliggande kopior av texten, en enfärgad bakgrundsrektangel och SVG-elementet <animate>. Animationen flyttar texten från högra kanten åt vänster och upprepas utan slut. Filen innehåller varken JavaScript eller externa resurser.

Kompatibilitet och begränsningar

SVG-visare och plattformar hanterar inte animation på samma sätt. En webbläsare kan animera banderollen, medan en e-postklient, dokumentredigerare eller ett innehållsfilter kan visa stilla text, ta bort SVG-filen eller dess animation. Testa filen där den ska användas.

Redigeraren har fast rörelse från höger till vänster, fast fet typsnittsstapel och solida färgväljare. Den kan inte lägga in bilder eller logotyper, välja typsnittsfamilj eller vikt, lägga till tillgänglighetsmetadata eller garantera en sömlös slinga för alla textlängder.

Integritet

Text och inställningar skapas lokalt i webbläsaren. I redigeraren med två steg sparas de bara i session storage för denna flik för att finnas kvar till nästa steg. De skickas inte till våra servrar och läggs inte i webbadressen. Använd Börja om eller stäng fliken för att rensa dem.

Vanliga frågor

Nej. Filen innehåller ett SVG-animationselement, inte JavaScript. Om den spelas beror på visaren eller plattformen.

Inte i den här redigeraren. Texten går alltid från höger till vänster.

Nej. Förhandsvisning, kopiering och hämtning skapas i webbläsaren. Bara sessionsinställningar finns kvar i fliken mellan stegen.

Relaterade verktyg

Material Design-färgväljare

Bläddra i Material Design-färgpaletten. Kopiera valfri nyans (50 till A700) som HEX, RGB eller HSL med en tryckning.

Pixelgrafikverktyg

Rita pixelgrafik från grunden på ett rutnät från 4×4 till 64×64. Använd penna, fyllning, pipett, symmetri och ångra, och exportera sedan skarp transparent PNG, SVG eller projektfil.

Rutpappersgenerator

Skapa utskrivbart rutpapper online: välj rutnät eller punktnät, ange avståndet i mm, välj A4 eller Letter och en egen linjefärg, och skriv sedan ut eller ladda ner en skarp SVG.

Skapa kontaktkarta

Ordna foton på utskrivbara kontaktkartor i A4 eller Letter med bildtexter och beskärning, förhandsgranska och hämta JPEG eller PDF.

Konverterare för bildformat

Konvertera bilder till JPG, PNG eller WebP direkt i webbläsaren, med kvalitetskontroll för de förlustbehäftade formaten och bevarad transparens i PNG och WebP.

Invertera färger i bilden

Vänd varje RGB-kanal i en bild om för att få en negativbild – användbart vid kreativa redigeringar och när du ska titta på filmskanningar.

Verktyget finns på andra språk