轻量级、易于使用的jQuery插件用于动画化SVG路径

Posted

tags:

中文标题：轻量级、易于使用的jQuery插件用于动画化SVG路径 原文标题：Lightweight, simple to use jQuery plugin to animate SVG paths 项目评级：Star:763      Fork:141 下载地址：https://github.com/lcdsantos/jquery-drawsvg 详情介绍

jQuery绘图SVG

该插件使用jQuery内置动画引擎，使用stroke-dasharray和stroke-dashoffset属性，在所选<svg>元素内的每个<path>上转换stroke。

用法

在jQuery之后包含jQuery DrawSVG

初始化要设置动画的元素上的插件，并将其存储在变量中

运行动画

查看演示以了解更高级的用法。

选项

<表格>

选项

类型

默认

描述

duration

整数

1000

完成每条路径的动画的时间

stagger

整数

200

延迟以开始为每个单独的路径设置动画

easing

字符串

swing

每条路径将使用哪个缓和函数进行转换。使用jQuery轻松插件实现不同的轻松功能

reverse

布尔值

false

绘制线条的方向

callback

功能

function()

动画完成后要调用的函数

Demos公司

简单的用法

滚动绘制

回调示例

动画遮罩路径

jQuery插件，用于将颜色从一个类动画化到另一个类

制作svg动画

易于使用，用于jQuery的元素打印插件

一个易于使用的rss插件，用于带有模板的jquery。

Featherlight是一个非常轻量级的jQuery灯箱插件。它'；它简单而灵活，易于使用。Featherlight具有最小的css，并且不使用内联样式，所有内容都以名称分隔，它'；s完

JQuery