SVG渲染铬问题的微小体

Question

我正在在SVG的互动式地图，在浏览器中使用，但是，也有浏览器，这使得小元素显示在Chrome实在太差之间呈现差异。我附上一些截图和样本的链接来说明我的问题：

铬：

火狐/ IE：

您也可以click here看直播样品。在这种情况下，有什么办法让Chrome呈现像Firefox或IE？

Answer 1

添加shape-rendering="crispEdges"到您的SVG eleement。 Chrome为Firefox的绘图提供了不同的反锯齿选择，因此非常小的功能可以消除锯齿。您可以使用crispEdges去除抗锯齿，然后它们（通常）看起来都是相同的 - 以一些像素化为代价。