color-rendering(显色)
color-rendering
color-rendering
属性向SVG用户代理提供了关于如何优化其颜色插值和合成操作的提示。
color-rendering
优先于color-interpolation-filters
。例如,假设color-rendering: optimizeSpeed
和color-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
——表示用户代理应该进行适当的权衡来平衡速度和质量,但是质量应该比速度更重要。
实例
适用元素
以下元素可以使用该color-rendering
属性
- Containers elements »
- Graphics elements »
- <animate>
- <animatecolor>