Lazy Line Painter有趣的jQuery路径动画插件下载

Lazy-Line-Painter

 

准备你的SVG数据

在你选择的矢量编辑器创建您的生产线的艺术,首先在 Illustrator 中把线条图形导出为 SVG 格式,要确保图案不填充,没有封闭路径,线条要有明显的开始和结束点,类似画板绘制的图案;

 

代码转换

然后把导出的 SVG 文件拖放到 Lazy Line Painter 转换器中,拷贝生成的 JavaScript 代码。

最后在页面中引入 jQuery、Rapha?l & Lazylinepainter,粘贴之前拷贝的代码到 DOM Ready 方法中。

 

注:唯一需要的是对象(其中包含您svgdata路径信息)。其结构应 svgdata对象这样的插件能够。

 

    

标签: