SVGTextContentElement: getSubStringLength()-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 getSubStringLength()-Methode der SVGTextContentElement-Schnittstelle repräsentiert die berechnete Länge der Abstandserweiterung 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 Abstandsanpassungen, die durch das x-Attribut vorgenommen werden, werden ignoriert.

In diesem Artikel

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.

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