v147 · SVG

Text on Path Generator

Choose from 6 preset paths or pick your own curve. Adjust text, font size, start offset, and side. The SVG uses <textPath path="…"> — the new inline attribute from Chrome 147, no <defs> required.

Path library — pick a preset curve:

Text controls
10px36px
0%100%

Old vs new approach

Old — SVG 1.1 Requires <defs> + href
New — Chrome 147 Inline path attribute

Exported SVG

Click "Export as SVG" to generate the markup.

References

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗