color-interpolation

SVG 元素
1. A
2. B-C
3. D
  1. <defs>
  2. <desc>
4. E
  1. <ellipse>
5. F
6. G
7. H
  1. <hkern>
8. I
  1. <image>
9. J-L
  1. <line>
  2. <linearGradient>
10. M
11. N-P
12. Q-R
  1. <radialGradient>
  2. <rect>
13. S
  1. <script>
  2. <set>
  3. <stop>
  4. <style>
  5. <svg>
  6. <switch>
  7. <symbol>
14. T
15. U
  1. <use>
16. V-Z
  1. <view>
  2. <vkern>

color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.

注意： For filter effects, the color-interpolation-filters property controls which color space is used.

The color-interpolation property chooses between color operations occurring in the sRGB color space or in a (light energy linear) linearized RGB color space. Having chosen the appropriate color space, component-wise linear interpolation is used.

When a child element is blended into a background, the value of the color-interpolation property on the child determines the type of blending, not the value of the color-interpolation on the parent. For gradients which make use of the href or the deprecated xlink:href attribute to reference another gradient, the gradient uses the property's value from the gradient element which is directly referenced by the fill or stroke property. When animating colors, color interpolation is performed according to the value of the color-interpolation property on the element being animated.

注意： As a presentation attribute, color-interpolation can be used as a CSS property.

You can use this attribute with the following SVG elements:

用法注意事项

值	`auto` \| `sRGB` \| `linearRGB`
默认值	`sRGB`
Animatable	discrete

auto
sRGB
linearRGB

规范

规范	状态	注释
Scalable Vector Graphics (SVG) 2 The definition of 'color-interpolation' in that specification.	候选推荐	No significant change
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'color-interpolation' in that specification.	推荐	初始定义

浏览器兼容性

BCD tables only load in the browser

另请参阅

sRGB specification
color-interpolation-filters
Computer color is broken - popular demonstration of linearRGB

Found a problem with this page?

Edit on GitHub
Source on GitHub
Report a problem with this content on GitHub
Want to fix the problem yourself? See our Contribution guide .

最后修改： Sep 23, 2021 , 由 MDN 贡献者