Revision 427323 of order

  • Revision slug: Web/SVG/Attribute/order
  • Revision title: order
  • Revision id: 427323
  • Created:
  • Creator: Jeremie
  • Is current revision? Yes
  • Comment SVG/Attribute/order Web/SVG/Attribute/order

Revision Content

« SVG Attribute reference home

the order attribute indicates the size of the matrix to be used by a {{ SVGElement("feConvolveMatrix") }} element.

The values provided must be <integer>s greater than zero. The first number, <orderX>, indicates the number of columns in the matrix. The second number, <orderY>, indicates the number of rows in the matrix. If <orderY> is not provided, it defaults to <orderX>.

A typical value is order="3". It is recommended that only small values (e.g., 3) be used; higher values may result in very high CPU overhead and usually do not produce results that justify the impact on performance.

If the attribute is not specified, the effect is as if a value of 3 were specified.

Usage context

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

Example

Elements

The following elements can use the order attribute

  • {{ SVGElement("feConvolveMatrix") }}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>the <code>order</code> attribute indicates the size of the matrix to be used by a {{ SVGElement("feConvolveMatrix") }} element.</p>
<p>The values provided must be <a href="/en/SVG/Content_type#Integer" title="/en/SVG/Content_type#Integer">&lt;integer&gt;</a>s greater than zero. The first number, <code>&lt;orderX&gt;</code>, indicates the number of columns in the matrix. The second number, <code>&lt;orderY&gt;</code>, indicates the number of rows in the matrix. If <code>&lt;orderY&gt;</code> is not provided, it defaults to <code>&lt;orderX&gt;</code>.</p>
<p>A typical value is <code>order="3"</code>. It is recommended that only small values (e.g., 3) be used; higher values may result in very high CPU overhead and usually do not produce results that justify the impact on performance.</p>
<p>If the attribute is not specified, the effect is as if a value of <span class="attr-value">3</span> 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><a href="/en/SVG/Content_type#Number-optional-number" title="en/SVG/Content_type#Color">&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 href="http://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementOrderAttribute" rel="external" title="http://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementOrderAttribute">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>order</code> attribute</p>
<ul>
  <li>{{ SVGElement("feConvolveMatrix") }}</li>
</ul>
Revert to this revision