【发布时间】:2013-03-07 22:36:51
【问题描述】:
我知道为了避免线条中的抗锯齿效果,我必须在 x 和 y 坐标中平移 0.5 px。但这在二次曲线中不起作用。 我需要在没有抗锯齿效果的情况下绘制二次曲线。 我需要用坐标 x,y 和属性 lineTo() 和 quadraticCurveTo() 来绘制字母,但我不希望这些字母具有抗锯齿效果。
【问题讨论】:
标签: canvas antialiasing
我知道为了避免线条中的抗锯齿效果,我必须在 x 和 y 坐标中平移 0.5 px。但这在二次曲线中不起作用。 我需要在没有抗锯齿效果的情况下绘制二次曲线。 我需要用坐标 x,y 和属性 lineTo() 和 quadraticCurveTo() 来绘制字母,但我不希望这些字母具有抗锯齿效果。
【问题讨论】:
标签: canvas antialiasing
很遗憾,您目前无法关闭抗锯齿功能。
上次查看whatWG 时还在考虑添加此选项,但目前没有任何建议,也没有浏览器实现关闭抗锯齿功能。
我们得到的最接近的是绘制图像时:
context.imageSmoothingEnabled=false; // see description below
也许你可以拼凑一些使用 drawImage() 来渲染你的字母曲线的东西。我在某处读到,three.js 使用这种方法来绘制更平滑的曲线——但是记忆失败了。
imageSmoothingEnabled 的描述
【讨论】: