color-interpolation(彩色插值)
color-interpolation
该color-interpolation
属性指定了梯度插值(gradient interpolations)的颜色空间,颜色动画和alpha组成。
将子元素混合到背景中时,子元素的color-interpolation
属性值决定了混合的类型,而不是父元素的color-interpolation
值。对于使用xlink:href
属性引用另一个梯度的梯度(gradient),它们使用由fill
or stroke
属性直接引用的梯度元素中的color-interpolation
属性值。在进行颜色动画时,根据执行动画的元素的color-interpolation
属性值执行颜色插值。
作为一个表现属性,它也可以直接在CSS样式表中作为属性使用。查看css color-interpolation
更多信息。
用法上下文
分类 | 呈现属性 |
---|---|
值 | 自动| sRGB | linearRGB | 继承 |
动画 | 是 |
规范性文件 | SVG 1.1(第2版) |
auto
——表示用户代理可以为颜色插值选择sRGB
或linearRGB
空间。此选项表示作者不要求在特定颜色空间中出现颜色插值。
实例
适用元素
以下元素可以使用该color-interpolation
属性:
- 容器元素(Containers elements)»
- 图形元素(Graphics elements)»
- <animate>
- <animateColor>