JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > Lazy Line Painter – 很有趣的 jQuery 路径动画插件

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

JQUERY教程  手机阅读
       Lazy Line Painter 是基于 Raphaël(一个用于在网页中绘制矢量图形的 Javascript 库)的 jQuery 路径动画插件,能够把线条图案转换为吸引眼球的路径动画模式。  
     使用方法:首先在 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 ...

5. 让数字以非常有趣的动画方式显示

6. 一个简单的CSS3文字动画插件textillate

7. 基于animate.css的jQuery文字动画插件

8. CSS3中的5个有趣的新技术

9. HTML5小游戏:极度有趣的机械组合游戏

10. HTML5中对contenteditable属性的解释与规定

本文来源:https://www.51html5.com/a1170.html

点击展开全部
上一篇:方向感知CSS3和jQuery的悬停效果 下一篇:一款带左右控制按钮的图片滚动Jquery插件

﹝Lazy Line Painter – 很有趣的 jQuery 路径动画插件﹞相关内容

「Lazy Line Painter – 很有趣的 jQuery 路径动画插件」相关专题

jquery jquery动画 动画 painter
复制网址 收藏网址 分享到微信 分享到微博 分享到QQ

其它栏目

HTML5教程 CSS3教程 JQUERY教程

也许您还喜欢