避免畫布元素中的抗鋸齒

Question

我知道，爲了避免線條中的抗鋸齒效果，我必須在x和y座標中平移0.5 px。但這在二次曲線中不起作用。 我需要繪製一條二次曲線而不會產生抗鋸齒效果。 我需要繪製字母的座標x，y和屬性lineTo（）和quadraticCurveTo（），但我不希望這些字母具有抗鋸齒效果。

Answer 1

不幸的是，您目前無法關閉消除鋸齒功能。

最後一次我檢查了WhatWG仍在考慮添加此選項，但到目前爲止還沒有建議和瀏覽器實現關閉消除鋸齒。

我們得到的最接近的是繪製圖像時：

context.imageSmoothingEnabled=false; // see description below 

也許你能砍東西一起使用的drawImage（）來渲染你的信曲線。我在某處讀到three.js使用這種方法繪製更平滑的曲線 - 但內存在哪裏失敗。 imageSmoothingEnabled返回圖案是否填充和的drawImage（）方法將試圖以平滑圖像，如果它們的像素不與顯示恰好排隊的

• 說明。可以設置，以改變圖像是平滑的（真）還是不是（假）。參見（http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#image-smoothing）;