color-interpolation-filters

  • Revision slug: SVG/Attribute/color-interpolation-filters
  • Revision title: color-interpolation-filters
  • Revision id: 38149
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment 272 words added, 7 words removed

Revision Content

« SVG Attribute reference home

The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.

Note that color-interpolation-filters has a different initial value than {{ SVGAttr("color-interpolation") }}. color-interpolation-filters has an initial value of linearRGB, whereas {{ SVGAttr("color-interpolation") }} has an initial value of sRGB. Thus, in the default case, filter effects operations occur in the linearRGB color space, whereas all other color interpolations occur by default in the sRGB color space.

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see {{ cssxref("color-interpolation-filters","CSS color-interpolation-filters") }} for further information

Usage context

Categories Presentation attribute
Value auto | sRGB | linearRGB | inherit
Animatable Yes
Normative document SVG 1.1 (2nd Edition)
auto
Indicates that the user agent can choose either the sRGB or linearRGB spaces for color interpolation. This option indicates that the author doesn't require that color interpolation occur in a particular color space.
sRGB
Indicates that color interpolation should occur in the sRGB color space.
linearRGB
Indicates that color interpolation should occur in the linearized RGB color space as described in the sRGB specification.

Example

Elements

The following elements can use the color-interpolation-filters attribute

See also

  • {{ cssxref("color-interpolation-filters","CSS color-interpolation-filters") }}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>The <code>color-interpolation-filters</code> attribute specifies the color space for imaging operations performed via filter effects.</p>
<p>Note that <code>color-interpolation-filters</code> has a different initial value than {{ SVGAttr("color-interpolation") }}. <code>color-interpolation-filters</code> has an initial value of <code>linearRGB</code>, whereas {{ SVGAttr("color-interpolation") }} has an initial value of <code>sRGB</code>. Thus, in the default case, filter effects operations occur in the linearRGB color space, whereas all other color interpolations occur by default in the sRGB color space.</p>
<p>As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see {{ cssxref("color-interpolation-filters","CSS color-interpolation-filters") }} for further information</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td>Presentation attribute</td> </tr> <tr> <th scope="row">Value</th> <td>auto | sRGB | <strong title="this is the default value">linearRGB</strong> | inherit</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/painting.html#ColorInterpolationFiltersProperty" title="http://www.w3.org/TR/SVG11/painting.html#ColorInterpolationFiltersProperty">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<dl> <dt>auto</dt> <dd>Indicates that the user agent can choose either the <code>sRGB</code> or <code>linearRGB</code> spaces for color interpolation. This option indicates that the author doesn't require that color interpolation occur in a particular color space.</dd> <dt>sRGB</dt> <dd>Indicates that color interpolation should occur in the sRGB color space.</dd> <dt>linearRGB</dt> <dd>Indicates that color interpolation should occur in the linearized RGB color space as described in <a class="external" href="http://webstore.iec.ch/webstore/webstore.nsf/artnum/025408">the sRGB specification</a>.</dd>
</dl>
<h2 id="Example">Example</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>color-interpolation-filters</code> attribute</p>
<ul> <li><a href="/en/SVG/Element#Filter_primitive_elements" title="en/SVG/Element#Filter_primitive_elements">Filter primitive elements</a> »</li>
</ul>
<h2 id="See_also">See also</h2>
<ul> <li>{{ cssxref("color-interpolation-filters","CSS color-interpolation-filters") }}</li>
</ul>
Revert to this revision