HTML5 Canvas生成粒子效果的人物头像

 

详细内容请点击

 

前面我们分享过一个HTML5 Canvas实现的图像马赛克模糊效果,HTML5处理图片真的非常简单。今天我们要再利用HTML5 Canvas实现一个粒子效果的人物头像,你可以任意选择一张头像图片,接下来该图片会被打散成许多粒子,然后慢慢的重组成图片,鼠标滑过图片时粒子还会出现浮动的动画特效,看上去非常酷。
 
html5-canvas-pixel-image
 

 

在线演示源码下载

 

 

学习来源:http://www.html5tricks.com/html5-simple-tank.html
 

 

更多html5内容请点击

 

posted on 2015-07-31 14:39  html5前端技术分享  阅读(1621)  评论(0编辑  收藏  举报