SVGTextContentElement: getStartPositionOfChar() 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 Methode getStartPositionOfChar() des SVGTextContentElement Interfaces gibt die Position eines typografischen Zeichens nach der Textlayout-Verarbeitung zurück.

Syntax

js
SVGTextContentElement.getStartPositionOfChar(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 kein Zeichen an index gefunden wird.

Beispiele

Die Position eines Zeichens ermitteln

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 position of the character at index 0 (the first character)
const position = textElement.getStartPositionOfChar(0);

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

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__getStartPositionOfChar

Browser-Kompatibilität

BCD tables only load in the browser