SVGTextPositioningElement: dy-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die dy schreibgeschützte Eigenschaft der SVGTextPositioningElement-Schnittstelle beschreibt die y-Achsen-Koordinate des SVGTextElement oder SVGTSpanElement als SVGAnimatedLengthList. Sie spiegelt die vertikale Verschiebung der einzelnen Text-Glyphen im Benutzerkoordinatensystem durch das dy-Attribut wider.

Der Attributwert ist eine Liste von \<length>, \<percentage> oder \<number>. Die numerischen Werte in der SVGAnimatedLengthList.baseVal spiegeln die vertikalen Verschiebungen im Benutzerkoordinatensystem wider.

Wert

Eine SVGAnimatedLengthList.

Beispiele

Angenommen, folgendes SVG ist gegeben:

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

Wir können die berechneten Werte der dy-Attribute abrufen:

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

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

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextPositioningElement__dy

Browser-Kompatibilität

Siehe auch