SVGTextContentElement: Methode getExtentOfChar()

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 getExtentOfChar()-Methode der SVGTextContentElement-Schnittstelle repräsentiert den berechneten engen Begrenzungsrahmen der Glyphe, die einem bestimmten typografischen Zeichen entspricht.

In diesem Artikel

Syntax

getExtentOfChar(index)

Parameter

index

Ein integer; der Index des Zeichens.

Rückgabewert

Ein DOMRect-Objekt; der enge Begrenzungsrahmen des angegebenen Zeichens.

Ausnahmen

IndexSizeError DOMException

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

Beispiele

Ermitteln des Umfangs 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 extent (bounding box) of the character at index 0 (the first character)
const extent = textElement.getExtentOfChar(0);

// The bounding box of the first character
console.dir(extent); // Output: DOMRect { x: 10, y: 38, width: 11.55, height: 16 }

Spezifikationen

Spezifikation

Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__getExtentOfChar

Browser-Kompatibilität

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

Siehe auch

DOMRect

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden