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