pieces.js 介绍
pieces.js是一款 效果 非常炫酷的js碎片化 图片 轮播切换特效。该轮播图在pieces.js 插件 （ 一个 图片 切片 效果 插件 ）的基础上，实现的js碎片化 图片 轮播 效果 。
pieces.js是 一个 能够以多重碎片方式绘制和动画 图片 ， 文字 以及SVG路径的js 插件 。
另外，该轮播图的动画 效果 由anime.js动画库来实现。js碎片化 图片 轮播切换特效中使用了css变量，请使用 支持 css变量的浏览器来查看DEMO。
pieces.js的使用
<!-- Canvas to draw the pieces -->
<canvas class="my-canvas"></canvas>
<script src="anime.min.js"></script>
<script src=" dis t/pieces.min.js"></script>
<script>
// Options for customization,see full list below
var options = {
canvas: '.my-canvas',
text: 'Some Text'
};
// Initialize a new instance,by default the pieces will be 'hidden'
var myPieces = new Pieces(options);
// Show pieces using default options. See the full list of available operations below.
myPieces.showPieces();
</script>
网站地址 : https://tympanus.net/codrops/2018/02/21/animated-fragment-slideshow/
GitHub: https://github.com/lmgonzalves/pieces
网站描述: 一款 效果 非常炫酷的js碎片化 图片 轮播切换特效 插件
pieces.js官方网站
官方网站： https://tympanus.net/codrops/2018/02/21/animated-fragment-slideshow/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。