html5 canvas抗剧齿

来源：2-6 高级绘制特性：抗锯齿和双缓存

甲骨文_0001

2017-09-23

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

写回答

1回答

liuyubobobo

2017-09-23

已采纳

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

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

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

甲骨文_0001

非常感谢！

2017-09-24

共1条回复

7个经典应用诠释Java算法精髓

课程重应用、重实践、重思维，真正应用于实际工作开发中

1888 学习 · 112 问题

相似问题

回答 1

回答 1

回答 2

回答 1