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
, SVGAltGlyphElement
and SVGTextPathElement
.
SVGTextContentElement
Constants
Constant | Value | Description |
LENGTHADJUST_UNKNOWN | 0 | Some other value. |
LENGTHADJUST_SPACING | 1 | The spacing keyword. |
LENGTHADJUST_SPACINGANDGLYPHS | 2 | The spacingAndGlyphs keyword. |
Properties
This interface also inherits properties from its parent, SVGGraphicsElement
.
-
SVGTextContentElement.textLength
Read only -
An
SVGAnimatedLength
reflecting thetextLength
attribute of the given element. -
SVGTextContentElement.lengthAdjust
Read only -
An
SVGAnimatedEnumeration
reflecting thelengthAdjust
attribute of the given element. The numeric type values represent one of the constant values above.
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
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
SVGTextContentElement |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
getCharNumAtPosition |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
getComputedTextLength |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
getEndPositionOfChar |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
getExtentOfChar |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
getNumberOfChars |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
getRotationOfChar |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
getStartPositionOfChar |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
getSubStringLength |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
lengthAdjust |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
selectSubString |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
textLength |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGTextContentElement