HTML5 canvas生成图片马赛克特效插件
2015-02-03 12:36
696 查看
这是一款使用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
该插件的灵感来自于美国肖像画家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生成图片马赛克特效插件
- HTML5 Canvas实现的图片马赛克模糊特效
- 基于HTML5 Canvas实现的图片马赛克模糊特效
- 基于HTML5 Canvas实现的图片马赛克模糊特效
- html5添加canvas来将图片制作成马赛克效果的js插件教程
- 基于HTML5 Canvas实现的图片马赛克模糊特效
- HTML5 canvas粒子生成人物面部轮廓插件
- HTML5 canvas画图并保存成图片插件
- HTML5 canvas图片爆炸特效
- html5 canvas实现图片玻璃碎片特效
- JavaScript+html5 canvas实现图片破碎重组动画特效
- Html5添加canvas图像导出为多种格式图片的jQuery插件教程
- 【canvas马赛克效果】根据加载的图片动态生成对应的马赛克图片 分类: javascript 马赛克效果 马赛克 2015-03-20 17:35 79人阅读 评论(0) 收藏
- HTML5 canvas画图并保存成图片的jcanvas插件
- Html5添加实用的多层图片视觉差互动特效插件教程
- HTML5 Canvas图片马赛克模糊动画
- Html5添加图片分类过滤特效插件教程
- html5 canvas 图片打马赛克 demo
- Html5添加Canvas的EAN13条形码生成插件教程
- 原生Js基于HTML5 FileReader&canvas制作的banner广告图片插件