SVGTextContentElement: getComputedTextLength() 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 getComputedTextLength()-Methode der SVGTextContentElement-Schnittstelle repräsentiert die berechnete Länge des Textes innerhalb des Elements.

Syntax

js
getComputedTextLength()

Parameter

Keine.

Rückgabewert

Ein Float.

Beispiele

Berechnen der Textlänge

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 computed text length
const textLength = textElement.getComputedTextLength();

console.log(textLength); // Output: 124.5 (e.g. depends on font size and text content)

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__getComputedTextLength

Browser-Kompatibilität

BCD tables only load in the browser