画布上的 SVG 黑线看起来是灰色的？答案

【问题标题】：SVG On Canvas Black Lines Look Grey?画布上的 SVG 黑线看起来是灰色的？
【发布时间】：2015-01-03 06:44:19
【问题描述】：

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

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

我不希望画布那样做，我需要清晰的黑色线条，而不是灰色！在我关闭抗锯齿后，它们在 Illustrator 中看起来不错。

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

【问题讨论】：

【解决方案1】：

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

shape-rendering="crispEdges"

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

这适用于矩形网格，但曲线或角线会看起来更糟。当然。

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

【讨论】：