canvas教程

HTML5 canvas 画图, 大图缩小时清晰度问题

字号+ 作者:H5之家 来源:H5之家 2017-01-24 10:02 我要评论( )

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

    html5学习01

    2017-01-24 12:02

  • [HTML5资料]Canvas教程.pdf

    [HTML5资料]Canvas教程.pdf

    2017-01-23 12:03

  • HTML5初学者福利!11个在线学习网站推荐

    HTML5初学者福利!11个在线学习网站推荐

    2017-01-23 08:02

  • 江南矿工技术空间

    江南矿工技术空间

    2017-01-22 16:00

网友点评