SVG/Element/feOffset

Aus SELFHTML-Wiki
< SVG‎ | Element
Wechseln zu: Navigation, Suche

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

Weblinks

W3C (Spezifikation): feMerge Element