← 返回首页
SVGTextContentElement: getEndPositionOfChar()-Methode - Web-APIs | MDN

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

SVGTextContentElement: getEndPositionOfChar()-Methode

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die getEndPositionOfChar()-Methode der SVGTextContentElement-Schnittstelle gibt die Endposition eines typografischen Zeichens zurück, nachdem das Textlayout durchgeführt wurde.

In diesem Artikel

Syntax

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

Beispiele

Die Endposition 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 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

Spezifikation
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__getEndPositionOfChar

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.