html5 canvas抗剧齿

Question

html5 canvas画弧，画圆的时候边缘也会出现毛刺， 它的抗剧齿的api好像找不到~_~，请问波波老师，在html canvas中，要怎么解决图像毛边的问题??? 谢谢啦>_<

Answer 1

liuyubobobo 2017-09-23 14:35:05

非常可惜，简单地说：h5 canvas暂时没有基础绘制的抗锯齿api = =

h5 canvas标准下的抗锯齿现在是浏览器相关的，而不能靠代码控制的。context的imageSmoothingEnabled属性可以控制抗锯齿，但是只在渲染图像的情况下生效。我想现行标准也是考虑了浏览器的绘制效率以后决定这样实现的吧。

不过我见过有高手自己从底层实现抗锯齿，做支持抗锯齿的绘制。但是效率就不确定了，而且从底层做确实也很麻烦。但是如果正好在学习图形学，不失为很好的练习：）

• 提问者 甲骨文_0001 #1

  非常感谢！