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 Juli 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:
<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
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextPositioningElement__dy |
Browser-Kompatibilität
Loading…