Question

我在Illustrator中创建了一个只有基本行的网格并保存为SVG。然后我将svg加载到与svg完全相同的html画布中。

然而无论我做什么，画布svg上的黑线看起来都是灰色的，实际上奇数的一两个是黑色的，但其他的看起来像是反锯齿。

我不希望画布这样做，我需要线条锐利和黑色，而不是灰色！在关闭别名后，它们在插图画家看起来很好。

有谁知道如何防止画布这样做？我正在使用fabric js

Answer 1

您可以使用以下属性关闭消除锯齿：

shape-rendering="crispEdges"

它可以是样式属性，也可以在CSS中指定。您需要编辑svg或CSS。您无法在Illustrator中设置它。

这适用于矩形网格，但弯曲或棱角分明的线条会更糟。当然。

您还可以通过小心放置线条来避免消除锯齿。有关详细信息，请参阅以下答案。