SVG/Attribut/filterUnits

Das filterUnits-Attribut definiert das Koordinatensystem für den Inhalt des Filter-Elements,

Erlaubte Werte

• userSpaceOnUse: übernimmt Werte aus dem existierenden Koordinatensystem, in das der Filter eingebunden ist.
• objectBoundingBox: Koordinatensystem beginnt in der linken oberen Ecke des Elements und erstreckt sich auf die BoundingBox

Standardwert

userSpaceOnUse

anwendbar auf

filter

Präsentationsattribut

nein

mit CSS animierbar

nein

Beispiel

 <defs>
    <filter id="ShiftBGAndBlur" 
            filterUnits="userSpaceOnUse" x="0" y="0" width="1200" height="400">
      <desc>
      This filter discards the SourceGraphic, if any, and just produces
      a result consisting of the BackgroundImage shifted down 125 units
      and then blurred.
      </desc>
      <feOffset in="BackgroundImage" dx="0" dy="125" />
      <feGaussianBlur stdDeviation="8" />
    </filter>
    <filter id="ShiftBGAndBlur_WithSourceGraphic" 
            filterUnits="userSpaceOnUse" x="0" y="0" width="1200" height="400">
      <desc>
      This filter takes the BackgroundImage, shifts it down 125 units, blurs it,
      and then renders the SourceGraphic on top of the shifted/blurred background.
      </desc>
      <feOffset in="BackgroundImage" dx="0" dy="125" />
      <feGaussianBlur stdDeviation="8" result="blur" />
      <feMerge>
        <feMergeNode in="blur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

Siehe auch

• Filter in SVG
  • Eingangswert in

Weblinks

• Spezifikation (W3C): filterUnits Attribute