首页 > 代码库 > HTML5 canvas生成图片马赛克特效插件

HTML5 canvas生成图片马赛克特效插件

2024-11-27 01:36:02   203人阅读

这是一款使用HTML5 canvas来将图片制作成马赛克效果的js插件。该马赛克插件可以使用canvas生成各种形状的像素马赛克，并将图片按照其颜色深度用不同颜色的马赛克进行渲染，效果十分逼真。
该插件的灵感来自于美国肖像画家Chuck Close。已经有人使用这个js插件来制作了一个完整的图片马赛克应用框架：The Pixelator。

这个马赛克效果js插件需要使用同源的图片，根据HTML5 规范，浏览器在解析getImageData()方法时会阻止获取跨浏览器的图片。

技术分享

在线演示：http://www.htmleaf.com/Demo/201502021315.html

下载地址：http://www.htmleaf.com/html5/html5-canvas/201502021314.html

HTML5 canvas生成图片马赛克特效插件


联系
我们