gpt4 book ai didi

svg - 在 IE9 中渲染边缘清晰的 SVG 形状

转载 作者:行者123 更新时间:2023-12-04 19:17:43 25 4
gpt4 key购买 nike

IE9 似乎不支持 SVG shape-rendering="crispEdges"属性。

这是一个示例 SVG:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg" height="600" id="svgroot" version="1.1" width="800" x="0" y="0">
<line style="stroke:#000000;stroke-width:1px;stroke-opacity:1" y2="300" y1="300" x2="750" x1="50" shape-rendering="crispEdges" />
</svg>

它在 Firefox 和 Safari 下正确显示,但是在 IE9 和 IE10(平台预览)下该线显得模糊

是否有一些解决方法可以禁用 IE9 中的抗锯齿?

谢谢!

最佳答案

您应该能够将线条垂直移动 0.5 个“像素”,而不是使用形状渲染。这样,至少在所有非 IE 浏览器中,这条线看起来都很清晰。

<svg xmlns="http://www.w3.org/2000/svg" height="600" width="800">
<line style="stroke:#000" y2="300.5" y1="300.5" x2="750" x1="50" />
</svg>

关于svg - 在 IE9 中渲染边缘清晰的 SVG 形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7282753/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com