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

本文作者html5tricks,转载请注明出处

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

html5-canvas-pixel-image

在线演示源码下载

如需下载源码,关注我们的公众号,回复 3576 免费获取

分享HTML5/CSS3技术;jQuery插件;Vue、React等前端开发组件

热门推荐

HTML5 Canvas生成粒子效果的人物头像》上有3条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>