SVGStopElement: offset-Eigenschaft - Web-APIs

SVGStopElement: offset-Eigenschaft - Web-APIs | MDN

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

const stopElement = document.querySelector("stop");

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

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # __svg__SVGStopElement__offset

Browser-Kompatibilität

Help improve MDN