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
getSubStringLength(index, length)
Parameter
Rückgabewert
Ein float
.
Ausnahmen
IndexSizeError
DOMException
-
Wird ausgelöst, wenn der
index
größer als der höchste Index ist oderlength
negativ ist.
Beispiele
Die Länge eines Substrings ermitteln
<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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
getSubStringLength |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support