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

回答