mozilla

Revision 236695 of filterRes

  • Revision slug: SVG/Attribute/filterRes
  • Revision title: filterRes
  • Revision id: 236695
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment page created, 143 words added

Revision Content

« SVG Attribute reference home

A {{ SVGElement("filter") }} element can define a region to which a given filter effect applies and can provide a resolution for any intermediate continuous tone images used to process any raster-based filter primitives.

The filterRes attribute takes the form x-pixels [y-pixels], and indicates the width and height of the intermediate images in pixels.

Take care when assigning a non-default value to this attribute. Too small of a value may result in unwanted pixelation in the result. Too large of a value may result in slow processing and large memory usage.

Note that negative values or zero values disable the rendering of the element which referenced the filter.

Usage context

Categories None
Value <number-optional-number>
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Examples

Elements

The following elements can use the filterRes attribute:

  • {{ SVGElement("filter") }}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>A {{ SVGElement("filter") }} element can define a region to which a given filter effect applies and can provide a resolution for any intermediate continuous tone images used to process any raster-based filter primitives.</p>
<p>The <code>filterRes</code> attribute takes the form <code>x-pixels [y-pixels]</code>, and indicates the width and height of the intermediate images in pixels.</p>
<p>Take care when assigning a non-default value to this attribute. Too small of a value may result in unwanted pixelation in the result. Too large of a value may result in slow processing and large memory usage.<br> <br> Note that negative values or zero values disable the rendering of the element which referenced the filter.</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td><em>None</em></td> </tr> <tr> <th scope="row">Value</th> <td><a href="/en/SVG/Content_type#Number-optional-number" title="https://developer.mozilla.org/en/SVG/Content_type#Number-optional-number">&lt;number-optional-number&gt;</a></td> </tr> <tr> <th scope="row">Animatable</th> <td>Yes</td> </tr> <tr> <th scope="row">Normative document</th> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#FilterElementFilterResAttribute" title="http://www.w3.org/TR/SVG11/filters.html#FilterElementFilterResAttribute">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<h2 id="Examples">Examples</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>filterRes</code> attribute:</p>
<ul> <li>{{ SVGElement("filter") }}</li>
</ul>
Revert to this revision