shape-rendering
shape-rendering
SVG内容的创建者可能想要提供一个关于在浏览器呈现<path>元素或基本形状时进行什么暗示。该shape-rendering属性提供了这些提示。
用法说明
| 分类 | 呈现属性 |
|---|---|
| 值 | 自动| optimizeSpeed | | crispEdges | geometricPrecision | 继承 |
| 动画 | 是 |
| 规范性文件 | SVG 1.1（第二版） |
auto表示用户代理应该进行适当的权衡来平衡速度，边缘清晰度和几何精度，但是几何精度比速度和边缘清晰度更重要。
例子
<svg xmlns="http://www.w3.org/2000/svg"
version="1.1" width="100" height="100"
shape-rendering="optimizeSpeed">
| shape-rendering: geometricPrecision: | shape-rendering: optimizeSpeed |
|---|
Similarly, you can use css shape-rendering:
<svg xmlns="http://www.w3.org/2000/svg"
version="1.1" width="100" height="100"
style="shape-rendering:optimizeSpeed;">
元素
以下元素可以使用该shape-rendering属性
- Shape elements »
