filter

  • Revision slug: SVG/Element/filter
  • Revision title: filter
  • Revision id: 57076
  • Created:
  • Creator: Manuel_Strehl
  • Is current revision? No
  • Comment initial commit; page created, 94 words added

Revision Content

{{ SVGRefElem() }}

The {{ SVGElement("text") }} element serves as container for atomic filter operations.

Usage context

Categories None
Permitted content Any number of the following elements, in any order:
descriptive elements »
filter primitive elements »
{{ SVGElement("animate") }}, {{ SVGElement("set") }}
Normative document SVG 1.1 (2nd Edition)

Example

Attributes

Global attributes

Specific attributes

  • {{ SVGAttr("x") }}
  • {{ SVGAttr("y") }}
  • {{ SVGAttr("width") }}
  • {{ SVGAttr("height") }}
  • {{ SVGAttr("filterRes") }}
  • {{ SVGAttr("filterUnits") }}
  • {{ SVGAttr("primitiveUnits") }}
  • {{ SVGAttr("xlink:href") }}

DOM Interface

This element implements the SVGFilterElement interface.

See also

Revision Source

<p>{{ SVGRefElem() }}</p>
<p>The {{ SVGElement("text") }} element serves as container for atomic filter operations.</p>
<h2>Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td><em>None</em></td> </tr> <tr> <th scope="row">Permitted content</th> <td>Any number of the following elements, in any order:<br> <a href="/en/SVG/Element#Descriptive" title="en/SVG/Element#Descriptive">descriptive elements</a> »<br> <a href="/en/SVG/Element#Filter" title="en/SVG/Element#Filter">filter primitive elements</a> »<br> {{ SVGElement("animate") }}, {{ SVGElement("set") }}</td> </tr> <tr> <th scope="row">Normative document</th> <td><a class="external" href="http://www.w3.org/TR/SVG/filters.html#FilterElement" title="http://www.w3.org/TR/SVG/filters.html#FilterElement">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<h2>Example</h2>
<h2>Attributes</h2>
<h3>Global attributes</h3>
<ul> <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a> »</li> <li><a href="/en/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">Presentation attributes</a> »</li> <li><a href="/en/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">XLink attributes</a> »</li> <li>{{ SVGAttr("class") }}</li> <li>{{ SVGAttr("style") }}</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li>
</ul>
<h3>Specific attributes</h3>
<ul> <li>{{ SVGAttr("x") }}</li> <li>{{ SVGAttr("y") }}</li> <li>{{ SVGAttr("width") }}</li> <li>{{ SVGAttr("height") }}</li> <li>{{ SVGAttr("filterRes") }}</li> <li>{{ SVGAttr("filterUnits") }}</li> <li>{{ SVGAttr("primitiveUnits") }}</li> <li>{{ SVGAttr("xlink:href") }}</li>
</ul>
<h2>DOM Interface</h2>
<p>This element implements the <code><a href="/en/DOM/SVGFilterElement" title="en/DOM/SVGFilterElement">SVGFilterElement</a></code> interface.</p>
<h2>See also</h2>
<ul> <li>{{ SVGElement("feBlend") }}</li> <li><a href="/en/SVG/Tutorial/Filter_effects">SVG tutorial: Filter effects</a></li>
</ul>
Revert to this revision