我知道为了避免线条中的抗锯齿效果，我必须在 x 和 y 坐标中平移 0.5 px。但这在二次曲线中不起作用。我需要在没有抗锯齿效果的情况下绘制二次曲线。我需要用坐标 x,y 和属性 lineTo() 和 quadraticCurveTo() 绘制字母，但我不希望这些字母具有抗锯齿效果。
问问题
2554 次
1 回答
0
遗憾的是，您目前无法关闭抗锯齿功能。
上次查看 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）；
于 2013-03-08T00:31:28.133 回答