首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

color-interpolation(彩色插值)

color-interpolation属性指定了梯度插值(gradient interpolations)的颜色空间,颜色动画和alpha组成。

将子元素混合到背景中时,子元素的color-interpolation属性值决定了混合的类型,而不是父元素的color-interpolation值。对于使用xlink:href属性引用另一个梯度的梯度(gradient),它们使用由fillor stroke属性直接引用的梯度元素中的color-interpolation属性值。在进行颜色动画时,根据执行动画的元素的color-interpolation属性值执行颜色插值。

作为一个表现属性,它也可以直接在CSS样式表中作为属性使用。查看css color-interpolation更多信息。

用法上下文

分类

呈现属性

自动| sRGB | linearRGB | 继承

动画

规范性文件

SVG 1.1(第2版)

auto——表示用户代理可以为颜色插值选择sRGBlinearRGB空间。此选项表示作者不要求在特定颜色空间中出现颜色插值。

SRGB——表示颜色插值应出现在sRGB颜色空间中。

linearRGB——表示颜色插值应发生在线性RGB颜色空间中,如sRGB规范中所述

实例

适用元素

以下元素可以使用该color-interpolation属性:

  • 容器元素(Containers elements)?
  • 图形元素(Graphics elements)?
  • <animate>
  • <animateColor>

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com