This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The method
attribute indicates the method by which text should be rendered along the path of a <textPath>
element.
Only one element is using this attribute: <textPath>
textPath
For <textPath>
, method
indicates the method by which text should be rendered along the path.
Value | align | stretch |
---|---|
Default value | align |
Animatable | Yes |
- align
- This value indicates that the characters should be rendered so that they are not stretched or warped. The characters are rotated, scaled and stretched when they are rendered. As a result, for fonts with connected characters (e.g. cursive fonts), the connections may not align properly when text is rendered along the path.
- stretch
- This value indicates that the character outlines will be converted into paths, and then stretched and possibly warped. With this approach, connected characters, such as in cursive fonts, will maintain their connections.
Specifications
Specification | Status | Comment |
---|---|---|
Scalable Vector Graphics (SVG) 2 The definition of 'method' in that specification. |
Candidate Recommendation | Described the stretch value in more detail. |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'method' in that specification. |
Recommendation | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
method | Chrome No support No | Edge No support No | Firefox No support No | IE No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox Android No support No | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
Legend
- No support
- No support