文件名称:HTML5 Canvas生成粒子效果的人物头像
文件大小:281KB
文件格式:RAR
更新时间:2022-09-12 11:16:43
其它插件
前面我们分享过一个HTML5 Canvas实现的图像马赛克模糊效果,HTML5处理图片真的非常简单。今天我们要再利用HTML5 Canvas实现一个粒子效果的人物头像,你可以任意选择一张头像图片,接下来该图片会被打散成许多粒子,然后慢慢的重组成图片,鼠标滑过图片时粒子还会出现浮动的动画特效,看上去非常酷。
【文件预览】:
html5-canvas-pixel-image
----index.html(2KB)
----img()
--------the-look.jpg(32KB)
--------ncsu.jpg(56KB)
--------sarah.jpg(30KB)
--------sarah-dots.png(108KB)
----js()
--------breathing-halftone.pkgd.js(23KB)
--------jquery.min.js(94KB)
--------scripts.js(2KB)
----fonts()
--------icomoon.woff(5KB)
--------icomoon.ttf(5KB)
--------icomoon.svg(10KB)
--------icomoon.eot(5KB)
----css()
--------default.css(5KB)
--------normalize.css(2KB)
--------styles.css(12KB)