SVGGradientElement: gradientTransform-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 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
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGGradientElement__gradientTransform |