Dickzeng 2019-06-25
先上图:
概念画板是个好东西,可以直接导出为svg,并且可以通过 airdrop 直接传到电脑
实现代码:
anime({ targets: '.lines path', strokeDashoffset: [anime.setDashoffset, 0], easing: 'easeInOutSine', duration: 200, delay: function(el, i) { return i * 200 }, loop: true });
采用素描特性,每个 path 动画时间 200ms, 下一个元素在当前元素画完后开始。