mozilla

Revision 333385 of edgeMode

  • Revision slug: SVG/Attribute/edgeMode
  • Revision title: edgeMode
  • Revision id: 333385
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment

Revision Content

« SVG Attribute reference home

The edgeMode attribute determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.

If attribute edgeMode is not specified, then the effect is as if a value of duplicate were specified.

Usage context

Categories None
Value duplicate | wrap | none
Animatable Yes
Normative document SVG 1.1 (2nd Edition)
duplicate
It indicates that the input image is extended along each of its borders as necessary by duplicating the color values at the given edge of the input image.
wrap
It indicates that the input image is extended by taking the color values from the opposite edge of the image.
none
It indicates that the input image is extended with pixel values of zero for R, G, B and A.

Example

Elements

The following elements can use the edgeMode attribute

  • {{ SVGElement("feConvolveMatrix") }}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>The <code>edgeMode</code> attribute determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.</p>
<p>If attribute <code>edgeMode</code> is not specified, then the effect is as if a value of <code><span class="attr-value">duplicate</span></code> were specified.</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <th scope="row">Categories</th>
      <td>None</td>
    </tr>
    <tr>
      <th scope="row">Value</th>
      <td><strong>duplicate</strong> | wrap | none</td>
    </tr>
    <tr>
      <th scope="row">Animatable</th>
      <td>Yes</td>
    </tr>
    <tr>
      <th scope="row">Normative document</th>
      <td><a href="http://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementEdgeModeAttribute" rel="external" title="http://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementEdgeModeAttribute">SVG 1.1 (2nd Edition)</a></td>
    </tr>
  </tbody>
</table>
<dl>
  <dt>
    duplicate</dt>
  <dd>
    It indicates that the input image is extended along each of its borders as necessary by duplicating the color values at the given edge of the input image.</dd>
  <dt>
    wrap</dt>
  <dd>
    It indicates that the input image is extended by taking the color values from the opposite edge of the image.</dd>
  <dt>
    none</dt>
  <dd>
    It indicates that the input image is extended with pixel values of zero for R, G, B and A.</dd>
</dl>
<h2 id="Example">Example</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>edgeMode</code> attribute</p>
<ul>
  <li>{{ SVGElement("feConvolveMatrix") }}</li>
</ul>
Revert to this revision