SVGStopElement: offset-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die offset schreibgeschützte Eigenschaft der SVGStopElement-Schnittstelle spiegelt das offset-Attribut des angegebenen <stop>-Elements wider.

Wert

Ein SVGAnimatedNumber-Objekt.

Beispiele

Zugriff auf die offset-Eigenschaft

html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="yellow" stop-opacity="1" />
      <stop offset="100%" stop-color="red" stop-opacity="1" />
    </linearGradient>
  </defs>
  <rect width="100%" height="100%" fill="url(#grad1)" />
</svg>
js
const stopElement = document.querySelector("stop");

// Access the offset property
console.log(stopElement.offset.baseVal); // Output: 0

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGStopElement__offset

Browser-Kompatibilität