SVGTextContentElement: getSubStringLength()-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 getSubStringLength()-Methode der SVGTextContentElement-Schnittstelle repräsentiert die berechnete Länge der formatieren Text-Vorschubstrecke für einen Textsubstring innerhalb des Elements.

Beachten Sie, dass diese Methode nur die Breiten der Glyphen im Substring und zusätzlichen Abstand, der durch die CSS-Eigenschaften letter-spacing und word-spacing eingefügt wird, berücksichtigt. Visuelle Abstandsänderungen, die durch das x-Attribut vorgenommen werden, werden ignoriert.

Syntax

js
getSubStringLength(index, length)

Parameter

index

Ein integer; der Startindex des Substrings.

length

Ein integer; die Anzahl der Zeichen, die im Substring enthalten sein sollen.

Rückgabewert

Ein float.

Ausnahmen

IndexSizeError DOMException

Wird ausgelöst, wenn der index größer als der höchste Index ist oder length negativ ist.

Beispiele

Die Länge eines Substrings 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 length of a substring starting at character 0 with 5 characters
const substringLength = textElement.getSubStringLength(0, 5);

console.log(substringLength); // Output: 35.55

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__getSubStringLength

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
getSubStringLength

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support