SVG元素路径宽度的抗锯齿问题

Question

我正在使用D3绘制折线图。但是我发现具有较低斜率（平坦）的线比具有较高斜率（陡峭）的线更细，我想这是因为抗锯齿有效吗？ 宽度是一个固定的数字，缩放是通过变换和缩放来控制的。 当该线是水平的（几乎平行于x轴）时，就无法在chrome和Firefox中看到，而在safari中仍然可以发现。

我尝试在形状渲染和矢量效果中使用不同选项的每种组合。似乎并没有改变这种情况。

该路径的宽度恒定，无论它有多陡峭。

这里是概述： 在chrome中放大一点： 进一步放大，则可以看到缺少一些行。 尽管野生动物的宽度仍然随着坡度的变化而变化，但野生动物园仍可以显示这条线

用于不同数据集的相同图形代码显示了确切的问题，宽度不一致。

任何建议或链接都​​很好，谢谢！

Answer 1

感谢您查看此问题和答案。我只是为自己的问题找到了解决方案。 我在这里尝试做的是构建可缩放的折线图。 问题在于比例转换还会压缩水平（或接近水平）线的宽度。 因此，解决方案是将矢量效果设置为非缩放描边。并且不要在缩放时更改路径的宽度。 就是这样。