我的svg路径与d3进行像素化

Question

我正在使用d3，我正在做一些折线图。折线图从来没有给我带来任何问题，直到我添加了另一个svg图表并且它只在该视图中得到像素化。

我不知道你是否注意到这一点，但这个图表很奇怪。

当我删除图表中的其他svg时，我得到图表正常。

我不知道你是否能看出差异。

（我知道这不是相同的图表，但这不是重点）

Answer 1

检查您的SVG是否有shape-rendering属性。我可以想象另一个图表为每个SVG元素将其设置为crispEdges或optimizeSpeed。

如果您的图表只有矩形形状（如条形图），这个值会有意义，因为它会使条形看起来“更清晰”，但您不希望它出现在任何“圆形”形状上，因为它们会出现像素化