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

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
getComputedTextLength

Legend

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

Full support
Full support