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, 下一个元素在当前元素画完后开始。