SVGTextContentElement: getExtentOfChar() 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 getExtentOfChar()-Methode der Schnittstelle SVGTextContentElement stellt die berechnete enge Begrenzungsbox der Glyphenzelle dar, die einem bestimmten typografischen Zeichen entspricht.

Syntax

SVGTextContentElement.getExtentOfChar(index)

Parameter

index: Ein integer; der Index des Zeichens.

Rückgabewert

Ein DOMRect-Objekt; die enge Begrenzungsbox des angegebenen Zeichens.

Ausnahmen

IndexSizeError DOMException: Wird ausgelöst, wenn an der Stelle index kein Zeichen gefunden wird.

Beispiele

Abrufen des Ausmaßes eines Zeichens

html

<svg width="300" height="100">
  <text id="exampleText" x="10" y="50" font-size="16">Hello, SVG World!</text>
</svg>

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

Specification
Scalable Vector Graphics (SVG) 2 # __svg__SVGTextContentElement__getExtentOfChar

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

DOMRect