文章/答案/技术大牛

发布

社区首页 >问答首页 >在IE9中渲染边缘清晰的SVG形状

问在IE9中渲染边缘清晰的SVG形状
EN

Stack Overflow用户

提问于 2011-09-02 19:28:41

回答 1查看 5.6K关注 0票数 5

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>

它在火狐和Safari下显示正确，但在IE9和IE10 (平台预览)下显示模糊。

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

谢谢!

svg

internet-explorer-9

antialiasing

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-09-02 20:46:47

您应该能够只将线垂直移动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>

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7282753

复制

相似问题

问在IE9中渲染边缘清晰的SVG形状
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在IE9中渲染边缘清晰的SVG形状EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在IE9中渲染边缘清晰的SVG形状
EN