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

color-rendering(显色)

color-rendering属性向SVG用户代理提供了关于如何优化其颜色插值和合成操作的提示。

color-rendering优先于color-interpolation-filters。例如,假设color-rendering: optimizeSpeedcolor-interpolation-filters: linearRGB。在这种情况下,SVG用户代理应该以优化性能的方式执行颜色操作,这可能意味着牺牲由color-interpolation-filters: linearRGB指定的颜色插值精度。

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

用法上下文

Categories

Presentation attribute

Value

auto | optimizeSpeed | optimizeQuality | inherit

Animatable

Yes

Normative document

SVG 1.1 (2nd Edition)

auto——表示用户代理应该进行适当的权衡来平衡速度和质量,但是质量应该比速度更重要。

optimizeSpeed——表示用户代理应该强调渲染速度而不是质量。对于RGB显示设备,此选项有时会导致用户代理在设备RGB颜色空间中执行颜色插值和合成。

optimizeQuality——表示用户代理相较于渲染速度,更强调质量。

实例

适用元素

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

  • Containers elements ?
  • Graphics elements ?
  • <animate>
  • <animatecolor>

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com