SVGFEOffsetElement: dy-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.

Mehr erfahren
Vollständige Kompatibilität anzeigen

Die dy-Schreibgeschützte Eigenschaft des SVGFEOffsetElement-Interfaces spiegelt das dy-Attribut des angegebenen <feOffset>-Elements wider.

In diesem Beispiel greifen wir auf den vertikalen Offset oder die Verschiebung des <feOffset>-Elements zu, indem wir die schreibgeschützte dy-Eigenschaft des SVGFEOffsetElement-Interfaces verwenden.

html

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
 <defs>
 <filter id="offsetFilter">
 <!-- Applies an offset to the SourceGraphic -->
 <feOffset in="SourceGraphic" dx="15" dy="10" />
 </filter>
 </defs>
 <rect
 x="20"
 y="20"
 width="100"
 height="100"
 fill="lightblue"
 filter="url(#offsetFilter)" />
</svg>

// Select the feOffset element
const offsetElement = document.querySelector("feOffset");
// Access the dy property
console.log(offsetElement.dy.baseVal); // Output: 10