mozilla

Revision 426767 of color-profile

  • Revision slug: Web/SVG/Attribute/color-profile
  • Revision title: color-profile
  • Revision id: 426767
  • Created:
  • Creator: Jeremie
  • Is current revision? Yes
  • Comment 1 words added, 1 words removedSVG/Attribute/color-profile Web/SVG/Attribute/color-profile

Revision Content

« SVG Attribute reference home

The color-profile attribute is used to define which color profile a raster image included through the {{ SVGElement("image") }} element should use.

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

Usage context

Categories Presentation attribute
Value auto | sRGB | <name> | <IRI> | inherit
Animatable Yes
Normative document SVG 1.1 (2nd Edition)
auto
This is the default behavior. All colors are presumed to be defined in the sRGB color space unless a more precise embedded profile is specified within content data. For images that do have a profile built into their data, that profile is used. For images that do not have a profile, the sRGB profile is used.
sRGB
The source profile is assumed to be sRGB. This differs from auto in that it overrides an embedded profile inside an image.
<name>
A name corresponding to a defined color profile that is in the browser's color profile description database. The browser searches the color profile description database for a color profile description entry whose name descriptor matches <name> and uses the last matching entry that is found. If a match is found, the corresponding profile overrides an embedded profile inside an image. If no match is found, then the embedded profile inside the image is used.
<IRI>
A IRI reference to the source color profile. The referenced color profile overrides an embedded profile inside the image.

Examples

Elements

The following elements can use the color attribute

  • {{ SVGElement("image") }} that refer to raster image

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>The <code>color-profile</code> attribute is used to define which color profile a raster image included through the {{ SVGElement("image") }} element should use.</p>
<p>As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see {{ cssxref("color-profile","CSS color-profile") }} 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 | &lt;name&gt; | <a href="/en/SVG/Content_type#IRI" title="en/SVG/Content_type#IRI">&lt;IRI&gt;</a> | 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/color.html#ColorProfileProperty" title="http://www.w3.org/TR/SVG11/color.html#ColorProfileProperty">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<dl> <dt>auto</dt> <dd>This is the default behavior. All colors are presumed to be defined in the sRGB color space unless a more precise embedded profile is specified within content data. For images that do have a profile built into their data, that profile is used. For images that do not have a profile, the sRGB profile is used.</dd> <dt>sRGB</dt> <dd>The source profile is assumed to be sRGB. This differs from auto in that it overrides an embedded profile inside an image.</dd> <dt>&lt;name&gt;</dt> <dd>A name corresponding to a defined color profile that is in the browser's color profile description database. The browser searches the color profile description database for a color profile description entry whose name descriptor matches <code>&lt;name&gt;</code> and uses the last matching entry that is found. If a match is found, the corresponding profile overrides an embedded profile inside an image. If no match is found, then the embedded profile inside the image is used.</dd> <dt><a href="/en/SVG/Content_type#IRI" title="en/SVG/Content_type#IRI">&lt;IRI&gt;</a></dt> <dd>A IRI reference to the source color profile. The referenced color profile overrides an embedded profile inside the image.</dd>
</dl>
<h2 id="Examples">Examples</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>color</code> attribute</p>
<ul> <li>{{ SVGElement("image") }} that refer to raster image</li>
</ul>
Revert to this revision