ipad概念画板手写+svg动画效果

先上图:svg

clipboard.png

概念画板是个好东西,能够直接导出为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

相关文章
相关标签/搜索