SVGTextContentElement: getComputedTextLength() Methode - Web-APIs | MDN

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 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

Spezifikation
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__getComputedTextLength

Browser-Kompatibilität

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.