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>


For <textPath>, method indicates the method by which text should be rendered along the path.

Value align | stretch
Default value align
Animatable Yes
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.
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.


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

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
methodChrome No support NoEdge No support NoFirefox No support NoIE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support NoSafari iOS No support NoSamsung Internet Android No support No


No support  
No support