mozilla

Compare Revisions

color-interpolation-filters

Change Revisions

Revision 38148:

Revision 38148 by ratcliffe_mike on

Revision 38149:

Revision 38149 by Jeremie on

Title:
color-interpolation-filters
color-interpolation-filters
Slug:
SVG/Attribute/color-interpolation-filters
SVG/Attribute/color-interpolation-filters
Tags:
SVG, NeedsExample, "SVG Attribute", NeedsCompatTable
SVG, NeedsExample, "SVG Attribute", NeedsCompatTable
Content:

Revision 38148
Revision 38149
n8      This page has no content. Enrich MDN by contributing.n8      « <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG 
 >Attribute reference home</a>
tt10    <p>
11      The <code>color-interpolation-filters</code> attribute spec
 >ifies the color space for imaging operations performed via filter
 > effects.
12    </p>
13    <p>
14      Note that <code>color-interpolation-filters</code> has a di
 >fferent 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 defau
 >lt case, filter effects operations occur in the linearRGB color s
 >pace, whereas all other color interpolations occur by default in 
 >the sRGB color space.
15    </p>
16    <p>
17      As a presentation attribute, it also can be used as a prope
 >rty directly inside a CSS stylesheet, see {{ cssxref("color-inter
 >polation-filters","CSS color-interpolation-filters") }} for furth
 >er information
18    </p>
19    <h2 id="Usage_context">
20      Usage context
21    </h2>
22    <table class="standard-table">
23      <tbody>
24        <tr>
25          <th scope="row">
26            Categories
27          </th>
28          <td>
29            Presentation attribute
30          </td>
31        </tr>
32        <tr>
33          <th scope="row">
34            Value
35          </th>
36          <td>
37            auto | sRGB | <strong title="this is the default valu
 >e">linearRGB</strong> | inherit
38          </td>
39        </tr>
40        <tr>
41          <th scope="row">
42            Animatable
43          </th>
44          <td>
45            Yes
46          </td>
47        </tr>
48        <tr>
49          <th scope="row">
50            Normative document
51          </th>
52          <td>
53            <a class="external" href="http://www.w3.org/TR/SVG11/
 >painting.html#ColorInterpolationFiltersProperty" title="http://ww
 >w.w3.org/TR/SVG11/painting.html#ColorInterpolationFiltersProperty
 >">SVG 1.1 (2nd Edition)</a>
54          </td>
55        </tr>
56      </tbody>
57    </table>
58    <dl>
59      <dt>
60        auto
61      </dt>
62      <dd>
63        Indicates that the user agent can choose either the <code
 >>sRGB</code> or <code>linearRGB</code> spaces for color interpola
 >tion. This option indicates that the author doesn't require that 
 >color interpolation occur in a particular color space.
64      </dd>
65      <dt>
66        sRGB
67      </dt>
68      <dd>
69        Indicates that color interpolation should occur in the sR
 >GB color space.
70      </dd>
71      <dt>
72        linearRGB
73      </dt>
74      <dd>
75        Indicates that color interpolation should occur in the li
 >nearized RGB color space as described in <a class="external" href
 >="http://webstore.iec.ch/webstore/webstore.nsf/artnum/025408">the
 > sRGB specification</a>.
76      </dd>
77    </dl>
78    <h2 id="Example">
79      Example
80    </h2>
81    <h2 id="Elements">
82      Elements
83    </h2>
84    <p>
85      The following elements can use the <code>color-interpolatio
 >n-filters</code> attribute
86    </p>
87    <ul>
88      <li>
89        <a href="/en/SVG/Element#Filter_primitive_elements" title
 >="en/SVG/Element#Filter_primitive_elements">Filter primitive elem
 >ents</a>&nbsp;»
90      </li>
91    </ul>
92    <h2 id="See_also">
93      See also
94    </h2>
95    <ul>
96      <li>{{ cssxref("color-interpolation-filters","CSS color-int
 >erpolation-filters") }}
97      </li>
98    </ul>

Back to History