用于微小元素的chrome中的SVG渲染问题

Question

我正在SVG中制作交互式地图，以便在浏览器中使用，但是，浏览器之间存在渲染差异，这使得小元素在Chrome中显示得非常糟糕。我附上了一些截图和示例链接来说明我的问题：

铬：

火狐/ IE：

您还可以click here查看实时样本。在这种情况下，有没有办法让Chrome渲染像Firefox或IE？

Answer 1

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