text-rendering
text-rendering 属性为渲染器提供了关于渲染文本时应权衡的提示。
注意： 作为演示属性，text-rendering 还有一个对应的 CSS 属性：text-rendering。当两者都被指定时，CSS 属性具有更高的优先级。
你可以将此属性与以下 SVG 元素一起使用
示例
html
<svg viewBox="0 0 140 40" xmlns="http://www.w3.org/2000/svg">
<text y="15" text-rendering="geometricPrecision">Geometric precision</text>
<text y="35" text-rendering="optimizeLegibility">Optimized legibility</text>
</svg>
用法说明
| 值 |
auto | optimizeSpeed | optimizeLegibility | geometricPrecision |
|---|---|
| 默认值 | auto |
| 可动画的 | 离散 |
auto-
此值表示用户代理应在速度、可读性和几何精度之间进行适当的权衡，但可读性比速度和几何精度更重要。
optimizeSpeed-
此值表示用户代理应优先考虑渲染速度而不是可读性和几何精度。此选项有时会导致某些用户代理关闭文本抗锯齿。
optimizeLegibility-
此值表示用户代理应优先考虑可读性而不是渲染速度和几何精度。用户代理通常会选择应用抗锯齿技术、内置字体提示或两者兼有，以产生最易读的文本。
geometricPrecision-
此值表示用户代理应优先考虑几何精度而不是可读性和渲染速度。此选项通常会导致用户代理暂停使用提示，以便 字形 轮廓以与路径数据渲染相当的几何精度绘制。
规范
| 规范 |
|---|
| Scalable Vector Graphics (SVG) 2 # TextRenderingProperty |
浏览器兼容性
加载中…
另见
- CSS
text-rendering属性