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 ⁨Juli 2015⁩.

Die getSubStringLength()-Methode der SVGTextContentElement-Schnittstelle repräsentiert die berechnete Länge der formatierten Textvorschubdistanz für einen Textsubstring innerhalb des Elements.

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

Syntax

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 ist als der höchste Index oder length negativ ist.

Beispiele

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>

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

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

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