如何在 IE11 下使用 cripEdges 渲染 svg？答案

【问题标题】：How to render svg with cripEdges under IE11?如何在 IE11 下使用 cripEdges 渲染 svg？
【发布时间】：2017-10-16 07:33:09
【问题描述】：

我正在尝试渲染 svg 线条。我可以在chrome下将shape-rendering设置为crispEdges，但它不适用于IE11。我怎样才能对 IE11 做同样的事情？谢谢！

【问题讨论】：

改用-ms-interpolation-mode: nearest-neighbor。但是，可能无法在 Edge 中工作。更好的解决方案是修复 SVG，使线条与像素网格匹配（使用半像素 X 和 Y 偏移）

【解决方案1】：

原来我必须设置 svg 元素的属性，而不是它的“样式”。我把它设置为 <line style="shape-rendering: crispEdges" />。应该是<line shape-rendering="crispEdges"/>

【讨论】：