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

In diesem Artikel

Syntax

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

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

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

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden