mozilla

Revision 427559 of feImage

  • Revision slug: Web/SVG/Element/feImage
  • Revision title: feImage
  • Revision id: 427559
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment SVG/Element/feImage Web/SVG/Element/feImage

Revision Content

{{ SVGRefElem() }}

The feImage filter fetches image data from an external source and provides the pixel data as output (meaning, if the external source is an SVG image, it is rasterize).

Usage context

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

Example

Attributes

Global attributes

Specific attributes

  • {{ SVGAttr("preserveAspectRatio") }}
  • {{ SVGAttr("xlink:href") }}

DOM Interface

This element implements the SVGFEImageElement interface.

See also

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

Revision Source

<p>{{ SVGRefElem() }}</p>
<p>The <code>feImage</code> filter fetches image data from an external source and provides the pixel data as output (meaning, if the external source is an SVG image, it is rasterize).</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("animateTransform") }}, {{ SVGElement("set") }}</td>
    </tr>
    <tr>
      <th scope="row">Normative document</th>
      <td><a class="external" href="http://www.w3.org/TR/SVG/filters.html#feImageElement" title="http://www.w3.org/TR/SVG/filters.html#feImageElement">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>&nbsp;»</li>
  <li><a href="/en/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">Presentation attributes</a>&nbsp;»</li>
  <li><a href="/en/SVG/Attribute#Filter" title="en/SVG/Attribute#Filter">Filter primitive attributes</a>&nbsp;»</li>
  <li><a href="/en/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">XLink attributes</a>&nbsp;»</li>
  <li>{{ SVGAttr("class") }}</li>
  <li>{{ SVGAttr("style") }}</li>
  <li>{{ SVGAttr("externalResourcesRequired") }}</li>
</ul>
<h3 id="Specific_attributes">Specific attributes</h3>
<ul>
  <li>{{ SVGAttr("preserveAspectRatio") }}</li>
  <li>{{ SVGAttr("xlink:href") }}</li>
</ul>
<h2 id="DOM.C2.A0Interface">DOM&nbsp;Interface</h2>
<p>This element implements the <code><a href="/en/DOM/SVGFEImageElement" title="en/DOM/SVGFEImageElement">SVGFEImageElement</a></code> interface.</p>
<h2 id="See_also">See also</h2>
<ul>
  <li>{{ SVGElement("filter") }}</li>
  <li>{{ SVGElement("animate") }}</li>
  <li>{{ SVGElement("animateTransform") }}</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("feDisplacementMap") }}</li>
  <li>{{ SVGElement("feFlood") }}</li>
  <li>{{ SVGElement("feGaussianBlur") }}</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