This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The SVGTextPositioningElement interface is implemented by elements that support attributes that position individual text glyphs. It is inherited by SVGTextElement and SVGTSpanElement.
This interface also inherits properties from its parent, SVGTextContentElement.
SVGTextPositioningElement.x Read only
Returns an SVGAnimatedLengthList reflecting the x attribute of the given element.
SVGTextPositioningElement.y Read only
Returns an SVGAnimatedLengthList reflecting the y attribute of the given element.
SVGTextPositioningElement.dx Read only
Returns an SVGAnimatedLengthList reflecting the dx attribute of the given element.
SVGTextPositioningElement.dy Read only
Returns an SVGAnimatedLengthList reflecting the dy attribute of the given element.
SVGTextPositioningElement.rotate Read only
Returns an SVGAnimatedNumberList reflecting the rotate attribute of the given element.
This interface doesn't provide any specific methods, but inherits methods from its parent, SVGTextContentElement.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
SVGTextPositioningElement |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
dx |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
dy |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
rotate |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
x |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
y |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGTextPositioningElement