SVG在画布上黑色线条看起来灰色？

-1

我在Illustrator中创建了一个只有基本线条的网格，并保存为SVG。然后我将该svg加载到与svg完全相同大小的html画布中。SVG在画布上黑色线条看起来灰色？

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

我不希望画布做到这一点，我需要线条锋利和黑色，而不是灰色！在关闭反锯齿后，他们在插画师中看起来不错。

有谁知道如何防止画布做到这一点？我使用的面料JS

2014-11-06 Glen

该声明需要证明。示例jsbin/jsfiddle/SO-runnable-code在哪里？ – 2014-11-06 16:50:44

没有代码可以运行，svg是在illustrator中制作的，只是通过fabric.loadSVGFromURL加载到画布上。 – Glen 2014-11-06 16:56:51

因此表明。 Illustrator清楚地生成一个加载的SVG图像，并且您可以制作一个使用结构的jsbin，然后以相同的方式加载该文件。 – 2014-11-06 16:58:36

您可以通过以下属性关闭抗锯齿：

shape-rendering="crispEdges"

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

这对矩形网格很好，但曲线或角线看起来会更糟。当然。

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

2014-11-07 11:27:33

回答