W3cubDocs

/Web APIs

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 ⁨July 2015⁩.

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

Syntax

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

<svg width="200" height="100">
  <text id="exampleText" x="10" y="40" writing-mode="vertical-rl">
    Hello, SVG
  </text>
</svg>

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

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`getRotationOfChar`	1	12	1.5	≤12.1	3	18	4	≤12.1	1	1.0	3	1