xChannelSelector

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

Revision Content

« SVG Attribute reference home

For a {{SVGElement("feDisplacementMap")}} filter primitive, The xChannelSelector attribute indicates which channel from {{SVGAttr("in2")}} to use to displace the pixels in {{SVGAttr("in")}} along the x-axis. If attribute xChannelSelector is not specified, then the effect is as if a value of A were specified.

Usage context

Categories None
Value R | G | B | A
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Example

Elements

The following elements can use the xChannelSelector attribute

  • {{ SVGElement("feDisplacementMap") }}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>For a {{SVGElement("feDisplacementMap")}} filter primitive, The <code>xChannelSelector</code> attribute indicates which channel from {{SVGAttr("in2")}} to use to displace the pixels in {{SVGAttr("in")}} along the x-axis. If attribute <code>xChannelSelector</code> is not specified, then the effect is as if a value of <strong><span class="attr-value">A</span></strong> were specified.</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><code>R</code> | <code>G</code> | <code>B</code> | <code>A</code></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#feDisplacementMapXChannelSelectorAttribute" rel="external" title="http://www.w3.org/TR/SVG11/filters.html#feDisplacementMapXChannelSelectorAttribute">SVG 1.1 (2nd Edition)</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Example">Example</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>xChannelSelector</code> attribute</p>
<ul>
  <li>{{ SVGElement("feDisplacementMap") }}</li>
</ul>
Revert to this revision