SVGTextPositioningElement: x Eigenschaft

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 schreibgeschützte x-Eigenschaft der SVGTextPositioningElement-Schnittstelle beschreibt die x-Achsen-Koordinate des SVGTextElement oder SVGTSpanElement als eine SVGAnimatedLengthList. Sie spiegelt die horizontale Position des x-Attributs der einzelnen Textglyphen im Benutz Koordinatensystem wider.

Der Attributwert ist eine Liste von \<length>, \<percentage> oder \<number>. Die numerischen Werte in der SVGAnimatedLengthList.baseVal spiegeln die x-Koordinaten im Benutz Koordinatensystem wider.

In diesem Artikel

Wert

Ein SVGAnimatedLengthList.

Beispiele

Beim folgenden SVG:

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <text x="10" y="20">Hello</text>
  <text x="50" y="50">World</text>
</svg>

können wir auf die berechneten Werte der x-Attribute zugreifen:

js
const texts = document.querySelectorAll("text");

console.log(texts[0].x.baseVal[0].value); // output: 10
console.log(texts[1].x.baseVal[0].value); // output: 50

Spezifikationen

Spezifikation

Scalable Vector Graphics (SVG) 2
# __svg__SVGTextPositioningElement__x

Browser-Kompatibilität

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

Siehe auch

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