<feOffset>

Das <feOffset> SVG Filter-Primitive ermöglicht das Versetzen eines Eingabebildes relativ zu seiner aktuellen Position. Das gesamte Eingabebild wird durch die in den Attributen dx und dy angegebenen Werte versetzt.

Verwendungskontext

Kategorien	Primitives Filterelement
Erlaubter Inhalt	Beliebige Anzahl folgender Elemente, in beliebiger Reihenfolge: `<animate>`, `<discard>`, `<set>`

Attribute

DOM-Schnittstelle

Dieses Element implementiert die SVGFEOffsetElement Schnittstelle.

Beispiel

SVG

html

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="offset" width="180" height="180">
      <feOffset in="SourceGraphic" dx="60" dy="60" />
    </filter>
  </defs>

  <rect x="0" y="0" width="100" height="100" stroke="black" fill="green" />
  <rect
    x="0"
    y="0"
    width="100"
    height="100"
    stroke="black"
    fill="green"
    filter="url(#offset)" />
</svg>

Ergebnis

Spezifikationen

No specification found

No specification data found for undefined.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.