SVGTextPositioningElement: dy-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 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:
<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:
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
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextPositioningElement__dy |