这是因为图像的采样方式不够好造成的
解决方案是自己写算法进行平均采样
实现方式有两种,一种是js对像素点进行手动合并采样,具体算法可以用这个:github。com斜杠sapics斜杠scale.js
还有一个方案使用webgl,用gpu对图片进行平均合并采样,需要自己写shader,并且需要比较新的浏览器和电脑,需要支持webgl,运行效率比较高。
HTML5 canvas 画图, 大图缩小时清晰度问题是啊,好奇怪呀。。。为什么呢。。。不过倒是可以投机取巧:lt;bodygt;lt;canvas id=quot;boquot; width=quot;500quot
这是因为图像的采样方式不够好造成的
解决方案是自己写算法进行平均采样
实现方式有两种,一种是js对像素点进行手动合并采样,具体算法可以用这个:github。com斜杠sapics斜杠scale.js
还有一个方案使用webgl,用gpu对图片进行平均合并采样,需要自己写shader,并且需要比较新的浏览器和电脑,需要支持webgl,运行效率比较高。
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。
html5学习01
2017-01-24 12:02
[HTML5资料]Canvas教程.pdf
2017-01-23 12:03
HTML5初学者福利!11个在线学习网站推荐
2017-01-23 08:02
江南矿工技术空间
2017-01-22 16:00