避免在canvas元素中使用抗锯齿

时间:2013-03-07 22:36:51

标签: canvas antialiasing

我知道为了避免线条中的抗锯齿效果,我必须在x和y坐标中平移0.5 px。但这在二次曲线中不起作用。 我需要画一条二次曲线,而不受抗锯齿效果的影响。 我需要绘制带有坐标x,y和属性lineTo()和quadraticCurveTo()的字母,但我不希望这些字母具有抗锯齿效果。

1 个答案:

答案 0 :(得分:0)

可悲的是,您目前无法关闭抗锯齿功能。

我最后一次检查whatWG是否还在考虑添加此选项,但到目前为止还没有推荐和浏览器实现关闭抗锯齿。

我们得到的最接近的是绘制图像时:

context.imageSmoothingEnabled=false;  // see description below

也许你可以使用drawImage()来渲染你的字母曲线。我在某处读到了three.js使用这种方法绘制更平滑的曲线 - 但内存在哪里失败。

imageSmoothingEnabled

的说明