Lazy Line Painter – 很有趣的 jQuery 路径动画插件
Lazy Line
Painter 是基于 Raphaël(一个用于在网页中绘制矢量图形的 Javascript 库)的 jQuery 路径动画插件,能够把线条图案转换为吸引眼球的路径动画模式。
使用方法:首先在 Illustrator 中把线条图形导出为 SVG 格式,要确保图案不填充,没有封闭路径,线条要有明显的开始和结束点,类似画板绘制的图案;然后把导出的 SVG 文件拖放到 Lazy Line Painter 转换器中,拷贝生成的 JavaScript 代码;最后在页面中引入 jQuery、Raphaël & Lazylinepainter,粘贴之前拷贝的代码到 DOM Ready 方法中。
使用方法:首先在 Illustrator 中把线条图形导出为 SVG 格式,要确保图案不填充,没有封闭路径,线条要有明显的开始和结束点,类似画板绘制的图案;然后把导出的 SVG 文件拖放到 Lazy Line Painter 转换器中,拷贝生成的 JavaScript 代码;最后在页面中引入 jQuery、Raphaël & Lazylinepainter,粘贴之前拷贝的代码到 DOM Ready 方法中。
下载源码 在线演示
【Lazy Line Painter – 很有趣的 jQuery 路径动画插件】相关文章
1. Lazy Line Painter – 很有趣的 jQuery 路径动画插件
2. Lazy Line Painter – 很有趣的 jQuery 路径动画插件
3. 一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja ...
4. 一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja ...
10. HTML5中对contenteditable属性的解释与规定
本文来源:https://www.51html5.com/a1170.html
﹝Lazy Line Painter – 很有趣的 jQuery 路径动画插件﹞相关内容
- S Gallery – 很有特色的响应式 jQuery 相册插件
- S Gallery – 很有特色的响应式 jQuery 相册插件
- 让网站动起来的 jQuery 动画插件
- Velocity – 另外一款加速的 jQuery 动画插件
- 7个炫酷的jQuery动画插件及源码
- 14款华丽的最新jQuery焦点图动画插件
- 10个web前端基于jQuery动画插件及源码
- 10款华丽最新jQuery焦点图动画插件
- 8个引人注目的HTML5/jQuery动画插件
- jQuery时间轴鼠标悬停动画插件