SVGGradientElement: gradientTransform-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 gradientTransform schreibgeschützte Eigenschaft der SVGGradientElement-Schnittstelle spiegelt das gradientTransform-Attribut des angegebenen Elements wider.
Wert
Eine SVGAnimatedTransformList.
Beispiele
Zugriff auf die gradientTransform-Eigenschaft
html
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
<defs>
<linearGradient id="gradient3" gradientTransform="rotate(45)">
<stop offset="0%" stop-color="red" />
<stop offset="100%" stop-color="blue" />
</linearGradient>
</defs>
<rect x="10" y="10" width="180" height="180" fill="url(#gradient3)" />
</svg>
js
// Accessing the gradientTransform property
const gradient = document.getElementById("gradient3");
console.dir(gradient.gradientTransform.baseVal);
// Output: SVGTransformList object
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGGradientElement__gradientTransform |