SVGTextContentElement: getRotationOfChar() method

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.

The getRotationOfChar() method of the SVGTextContentElement interface the represents the rotation of a typographic character.

Syntax

js
SVGTextContentElement.getRotationOfChar(index)

Parameters

index

An integer; the index of the character.

Return value

A float; the rotation angle of the character in degrees.

Exceptions

IndexSizeError DOMException

Thrown if no character is found at index.

Examples

Getting the Rotation of a Character

html
<svg width="200" height="100">
  <text id="exampleText" x="10" y="40" writing-mode="vertical-rl">
    Hello, SVG
  </text>
</svg>
js
const textElement = document.getElementById("exampleText");

// Get the rotation of the first character "H"
const rotation = textElement.getRotationOfChar(0);

console.log(extent); // Output: 90

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__getRotationOfChar

Browser compatibility

BCD tables only load in the browser

See also