mozilla

Revision 81310 of feDisplacementMap

  • Revision slug: SVG/Element/feDisplacementMap
  • Revision title: feDisplacementMap
  • Revision id: 81310
  • Created:
  • Creator: Manuel_Strehl
  • Is current revision? No
  • Comment description; 16 words added

Revision Content

{{ SVGRefElem() }}

The pixel value of an input image i2 is used to displace the original image i1.

Usage context

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

Example

Attributes

Global attributes

Specific attributes

  • {{ SVGAttr("in") }}
  • {{ SVGAttr("in2") }}
  • {{ SVGAttr("scale") }}
  • {{ SVGAttr("xChannelSelector") }}
  • {{ SVGAttr("yChannelSelector") }}

DOM Interface

This element implements the SVGFEDisplacementMapElement interface.

See also

  • {{ SVGElement("filter") }}
  • {{ SVGElement("animate") }}
  • {{ SVGElement("set") }}
  • {{ SVGElement("feBlend") }}
  • {{ SVGElement("feColorMatrix") }}
  • {{ SVGElement("feComponentTransfer") }}
  • {{ SVGElement("feComposite") }}
  • {{ SVGElement("feConvolveMatrix") }}
  • {{ SVGElement("feDiffuseLighting") }}
  • {{ SVGElement("feFlood") }}
  • {{ SVGElement("feGaussianBlur") }}
  • {{ SVGElement("feImage") }}
  • {{ SVGElement("feMerge") }}
  • {{ SVGElement("feMorphology") }}
  • {{ SVGElement("feOffset") }}
  • {{ SVGElement("feSpecularLighting") }}
  • {{ SVGElement("feTile") }}
  • {{ SVGElement("feTurbulence") }}
  • SVG tutorial: Filter effects

Revision Source

<p>{{ SVGRefElem() }}</p>
<p>The pixel value of an input image i2 is used to displace the original image i1.</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td>Filter primitive element</td> </tr> <tr> <th scope="row">Permitted content</th> <td>Any number of the following elements, in any order:<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#feDisplacementMapElement" title="http://www.w3.org/TR/SVG/filters.html#feDisplacementMapElement">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<h2 id="Example">Example</h2>
<h2 id="Attributes">Attributes</h2>
<h3 id="Global_attributes">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#Filter" title="en/SVG/Attribute#Filter">Filter primitive attributes</a> »</li> <li>{{ SVGAttr("class") }}</li> <li>{{ SVGAttr("style") }}</li>
</ul>
<h3 id="Specific_attributes">Specific attributes</h3>
<ul> <li>{{ SVGAttr("in") }}</li> <li>{{ SVGAttr("in2") }}</li> <li>{{ SVGAttr("scale") }}</li> <li>{{ SVGAttr("xChannelSelector") }}</li> <li>{{ SVGAttr("yChannelSelector") }}</li>
</ul>
<h2 id="DOM Interface">DOM Interface</h2>
<p>This element implements the <code><a href="/en/DOM/SVGFEDisplacementMapElement" title="en/DOM/SVGFEDisplacementMapElement">SVGFEDisplacementMapElement</a></code> interface.</p>
<h2 id="See_also">See also</h2>
<ul> <li>{{ SVGElement("filter") }}</li> <li>{{ SVGElement("animate") }}</li> <li>{{ SVGElement("set") }}</li> <li>{{ SVGElement("feBlend") }}</li> <li>{{ SVGElement("feColorMatrix") }}</li> <li>{{ SVGElement("feComponentTransfer") }}</li> <li>{{ SVGElement("feComposite") }}</li> <li>{{ SVGElement("feConvolveMatrix") }}</li> <li>{{ SVGElement("feDiffuseLighting") }}</li> <li>{{ SVGElement("feFlood") }}</li> <li>{{ SVGElement("feGaussianBlur") }}</li> <li>{{ SVGElement("feImage") }}</li> <li>{{ SVGElement("feMerge") }}</li> <li>{{ SVGElement("feMorphology") }}</li> <li>{{ SVGElement("feOffset") }}</li> <li>{{ SVGElement("feSpecularLighting") }}</li> <li>{{ SVGElement("feTile") }}</li> <li>{{ SVGElement("feTurbulence") }}</li> <li><a href="/en/SVG/Tutorial/Filter_effects" title="en/SVG/Tutorial/Filter_effects">SVG tutorial: Filter effects</a></li>
</ul>
Revert to this revision