Lazy Line Painter – 很有趣的 jQuery 路径动画插件

Lazy Line Painter 是基于 Raphaël(一个用于在网页中绘制矢量图形的 Javascript 库)的 jQuery 路径动画插件,能够把线条...
       Lazy Line Painter 是基于 Raphaël(一个用于在网页中绘制矢量图形的 Javascript 库)的 jQuery 路径动画插件,能够把线条图案转换为吸引眼球的路径动画模式。  
     使用方法:首先在 Illustrator 中把线条图形导出为 SVG 格式,要确保图案不填充,没有封闭路径,线条要有明显的开始和结束点,类似画板绘制的图案;然后把导出的 SVG 文件拖放到 Lazy Line Painter 转换器中,拷贝生成的 JavaScript 代码;最后在页面中引入 jQuery、Raphaël & Lazylinepainter,粘贴之前拷贝的代码到 DOM Ready 方法中。  


下载源码    在线演示