SVG/Element/feOffset

Das feOffset-Element verschiebt eine Grafik. Er verhält sich also ähnlich wie transform:translate(), nur eben innerhalb eines Filters. In der Praxis wird feOffset häufig in Zusammenhang mit anderen Filtern verwendet, um einen Schatten zu erzeugen.

Syntax

Start-Tag: notwendig

End-Tag: ggf. notwendig

Elternelemente

Darf vorkommen in:
filter

erlaubte Inhalte

animate, set

Attribute

Name	Inhalt	Standardwert	Bedeutung
in	CDATA
dx	NUMBER		Verschiebung auf der X-Achse
dy	NUMBER		Verschiebung auf der Y-Achse

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

<filter id="f1" x="0" y="0" width="200%" height="200%">
    <feOffset in="SourceGraphic" result="translatedObject"  dx="20" dy="20" />
    <feMerge>
      <feMergeNode in="f1"/>
      <feMergeNode in="SourceGraphic"/>
    </feMerge>
  </filter>

Siehe auch

• SVG/Tutorials/Filter/Licht und Schatten

Weblinks

W3C (Spezifikation): feMerge Element