动效解决方案 Lazy Line Painter.js

一、使用 Lazy Line Painter 轻松创建 SVG 路径动效。你可以在AI中制作出SVG文档,上传到转换器中。后者会帮你将它处理成为动效,生成jQuery 文档。如有必要,你还可以编辑代码进行微调。

  • 官网 http://lazylinepainter.info

二、安装使用

  npm i lazy-line-painter

接下来 main.js中引入

  import LazyLinePainter from 'lazy-line-painter'

四、场景实践

1、心跳走线







2、赚到手软(使用转换器制作)

转换器制作,直接导出zip包解压后提取代码即可在项目中使用,这里就不贴代码了

感兴趣的童鞋可以去尝试下,喜欢的看官可以麻烦您点点星星吗,后续会更新更多好玩的~~

你可能感兴趣的:(动效解决方案 Lazy Line Painter.js)