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 January 2020.

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>

// 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

Browser-Kompatibilität

BCD tables only load in the browser