Generator für gebogenen Text
Text entlang einer Kurve biegen und als SVG-Code ausgeben
Runde Schriftzüge, wie man sie von Logos, Abzeichen und Stempeln kennt, entstehen hier in Sekunden mithilfe von SVG-path und textPath. Sie regeln Krümmung, Laufweite, Schriftgröße, Farbe und Biegerichtung und sehen das Ergebnis sofort in der Vorschau. Alle Berechnungen laufen im Browser, Ihr Text wird nie an einen Server übertragen. Den fertigen SVG-Code kopieren Sie direkt in Ihre Webseite oder Ihr Designprogramm.
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Anleitung
- Geben Sie den Text ein, der gebogen dargestellt werden soll.
- Regeln Sie Kurvenradius, Laufweite, Schriftgröße und Farbe über die Schieberegler, bis die Form passt.
- Wählen Sie per Kontrollkästchen, ob der Text nach oben (lächelnd) oder nach unten gewölbt wird, und blenden Sie bei Bedarf die Hilfslinie ein, um die Krümmung zu beurteilen.
- Sobald die Vorschau stimmt, übernehmen Sie den SVG-Code unten über die Schaltfläche zum Kopieren.
FAQ
- Wo kann ich das erzeugte SVG verwenden?
- Der kopierte SVG-Code funktioniert überall dort, wo SVG unterstützt wird: in HTML-Seiten, in Bildbearbeitungsprogrammen oder in Werkzeugen zur Logoerstellung.
- Der Schriftzug sitzt nicht exakt mittig auf der Kurve.
- startOffset von textPath ist fest auf 50 % und text-anchor auf middle gesetzt, sodass der Text stets zur Kurvenmitte ausgerichtet wird. Ist der Text sehr lang, vergrößern Sie den Kurvenradius.
- Wird mein eingegebener Text auf einem Server gespeichert?
- Nein. Die gesamte Verarbeitung findet im Browser statt; weder Text noch Einstellungen verlassen Ihr Gerät.