我有一个问题让我在勾选线上感到困惑，灵感来自Zoomable Area创建的mbostock。我使用Chrome V41作为渲染浏览器。
当缩放页面小于110％时，会遗漏一些y轴刻度线。这是浏览器的问题吗？谁能告诉我为什么以及如何解决它？
感谢。
答案 0 :(得分：6)
这是由svg的渲染引起的，这取决于浏览器。
线条位于不直接位于像素上的点上（它们是浮点而不是int）。此外，线条的宽度设置为.5px。这两个事实会导致奇数条件下缺失线条的影响。
一个简单的解决方法是将行的宽度增加到1px。
另一种解决方法是将刻度线的shape-rendering设置为geometricPrecision。
请参阅https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering