mozilla

Revision 308623 of stdDeviation

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

Revision Content

« SVG Attribute reference home

The stdDeviation attribute defines the standard deviation for the blur operation. If two <number>s are provided, the first number represents a standard deviation value along the x-axis. The second value represents a standard deviation along the y-axis. If one number is provided, then that value is used for both X and Y.

A negative value is forbidden. A value of zero disables the effect of the given filter primitive (i.e., the result is the filter input image). If stdDeviation is 0 in only one of X or Y, then the effect is that the blur is only applied in the direction that has a non-zero value.

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

Usage context

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

{{ page("/en-US/docs/SVG/Content_type","Number-optional-number") }}

Example

Elements

The following elements can use the stdDeviation attribute

  • {{ SVGElement("feGaussianBlur") }}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>The <code>stdDeviation</code> attribute defines the standard deviation for the blur operation. If two <a href="/en-US/docs/SVG/Content_type#Number" title="https://developer.mozilla.org/en-US/docs/SVG/Content_type#Number">&lt;number&gt;</a>s are provided, the first number represents a standard deviation value along the x-axis. The second value represents a standard deviation along the y-axis. If one number is provided, then that value is used for both X and Y.</p>
<p>A negative value is forbidden. A value of zero disables the effect of the given filter primitive (i.e., the result is the filter input image). If <code>stdDeviation</code> is 0 in only one of X or Y, then the effect is that the blur is only applied in the direction that has a non-zero value.</p>
<p>If the attribute is not specified, then the effect is as if a value of 0 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-US/docs/SVG/Content_type#Number-optional-number" title="https://developer.mozilla.org/en-US/docs/SVG/Content_type#Number-optional-number">&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 class="external" href="http://www.w3.org/TR/SVG11/filters.html#feGaussianBlurStdDeviationAttribute" title="http://www.w3.org/TR/SVG11/filters.html#feGaussianBlurStdDeviationAttribute">SVG 1.1 (2nd Edition)</a></td>
    </tr>
  </tbody>
</table>
<p>{{ page("/en-US/docs/SVG/Content_type","Number-optional-number") }}</p>
<h2 id="Example">Example</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>stdDeviation</code> attribute</p>
<ul>
  <li>{{ SVGElement("feGaussianBlur") }}</li>
</ul>
Revert to this revision