【问题标题】:Avoid antialiasing in canvas element避免在画布元素中使用抗锯齿
【发布时间】:2013-03-07 22:36:51
【问题描述】:

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

【问题讨论】:

    标签: canvas antialiasing


    【解决方案1】:

    很遗憾,您目前无法关闭抗锯齿功能。

    上次查看whatWG 时还在考虑添加此选项,但目前没有任何建议,也没有浏览器实现关闭抗锯齿功能。

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

    context.imageSmoothingEnabled=false;  // see description below
    

    也许你可以拼凑一些使用 drawImage() 来渲染你的字母曲线的东西。我在某处读到,three.js 使用这种方法来绘制更平滑的曲线——但是记忆失败了。

    imageSmoothingEnabled 的描述

    【讨论】:

      猜你喜欢
      • 2011-08-27
      • 1970-01-01
      • 2016-04-24
      • 1970-01-01
      • 1970-01-01
      • 2023-03-29
      • 2011-05-14
      • 1970-01-01
      • 2013-03-26
      相关资源
      最近更新 更多