如何为SVG文本获取"crispEdges“？

Question

非文本的Svg形状受shape-rendering属性的影响，该属性可以设置为crispEdges值(https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering)。这个值似乎使反混叠消失了。

但是文本只受text-rendering的影响。但是，这并不提供crispEdges值(https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/text-rendering)。为什么？还有别的办法可以得到非反化名吗？

Answer 1

对于真正清晰的边缘，您可以使用过滤器来发布您的文本。

​

<svg width="400px" height="400px">
<defs>
<filter id="crispify">
<feComponentTransfer>
<feFuncA type="discrete" tableValues="0 1"/>
</feComponentTransfer>
</filter>
</defs>

<text filter="url(#crispify)" font-size="60"  y="60" >Some crispy text</text>
</svg>

​