SVGTextContentElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

* Some parts of this feature may have varying levels of support.

The SVGTextContentElement interface is implemented by elements that support rendering child text content. It is inherited by various text-related interfaces, such as SVGTextElement, SVGTSpanElement, SVGTRefElement, and SVGTextPathElement.

EventTarget Node Element SVGElement SVGGraphicsElement SVGTextContentElement

Constants

Constant Value Description
LENGTHADJUST_UNKNOWN 0 Some other value.
LENGTHADJUST_SPACING 1 The spacing keyword.
LENGTHADJUST_SPACINGANDGLYPHS 2 The spacingAndGlyphs keyword.

Instance properties

This interface also inherits properties from its parent, SVGGraphicsElement.

SVGTextContentElement.textLength Read only

An SVGAnimatedLength reflecting the textLength attribute of the given element.

SVGTextContentElement.lengthAdjust Read only

An SVGAnimatedEnumeration reflecting the lengthAdjust attribute of the given element. The numeric type values represent one of the constant values above.

Instance methods

This interface also inherits methods from its parent, SVGGraphicsElement.

SVGTextContentElement.getNumberOfChars()

Returns a long representing the total number of addressable characters available for rendering within the current element, regardless of whether they will be rendered.

SVGTextContentElement.getComputedTextLength()

Returns a float representing the computed length for the text within the element.

SVGTextContentElement.getSubStringLength()

Returns a float representing the computed length of the formatted text advance distance for a substring of text within the element. Note that this method only accounts for the widths of the glyphs in the substring and any extra spacing inserted by the CSS 'letter-spacing' and 'word-spacing' properties. Visual spacing adjustments made by the 'x' attribute is ignored.

SVGTextContentElement.getStartPositionOfChar()

Returns a DOMPoint representing the position of a typographic character after text layout has been performed.

Note: In SVG 1.1 this method returned an SVGPoint.

SVGTextContentElement.getEndPositionOfChar()

Returns a DOMPoint representing the trailing position of a typographic character after text layout has been performed.

Note: In SVG 1.1 this method returned an SVGPoint.

SVGTextContentElement.getExtentOfChar()

Returns a DOMRect representing the computed tight bounding box of the glyph cell that corresponds to a given typographic character.

SVGTextContentElement.getRotationOfChar()

Returns a float representing the rotation of typographic character.

SVGTextContentElement.getCharNumAtPosition()

Returns a long representing the character which caused a text glyph to be rendered at a given position in the coordinate system. Because the relationship between characters and glyphs is not one-to-one, only the first character of the relevant typographic character is returned.

SVGTextContentElement.selectSubString() Deprecated

Selects text within the element.

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGTextContentElement

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SVGTextContentElement
getCharNumAtPosition
getComputedTextLength
getEndPositionOfChar
getExtentOfChar
getNumberOfChars
getRotationOfChar
getStartPositionOfChar
getSubStringLength
lengthAdjust
selectSubString
Deprecated
textLength

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.