SVGTextContentElement: getEndPositionOfChar() Methode

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.

Die getEndPositionOfChar() Methode des SVGTextContentElement-Interfaces gibt die Endposition eines typografischen Zeichens zurück, nachdem das Text-Layout durchgeführt wurde.

Syntax

js
SVGTextContentElement.getEndPositionOfChar(index)

Parameter

index

Ein integer; der Index des Zeichens.

Rückgabewert

Ein DOMPoint-Objekt; die Position des Zeichens in Benutzerkoordinaten.

Ausnahmen

IndexSizeError DOMException

Wird ausgelöst, wenn an der Position index kein Zeichen gefunden wird.

Beispiele

Ermitteln der Endposition eines Zeichens

html
<svg width="300" height="100">
  <text id="exampleText" x="10" y="50" font-size="16">Hello, SVG World!</text>
</svg>
js
const textElement = document.getElementById("exampleText");

// Get the end position of the character at index 0 (the first character)
const position = textElement.getEndPositionOfChar(0);

// Get the x and y coordinates of the first character
console.log(position.x, position.y); // Output: 21.5 50

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__getEndPositionOfChar

Browser-Kompatibilität

BCD tables only load in the browser