开源软件名称：

开源软件地址：

开源编程语言：

开源软件介绍：

jQuery DrawSVG

This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties.

• Weighs less than 2KB minified and 800 bytes gzipped.
• Easy to use.
• Easing and stagger support.
• Free!

Usage

Include jQuery DrawSVG after jQuery

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.drawsvg.js"></script>

Initialize the plugin on the element you want to animate and store in a variable

var mySVG = $('#my_svg_element').drawsvg();

Run the animation

mySVG.drawsvg('animate');

Look at the demos for more advanced usages.

Options

Demos

Simple usage

Draw on scroll

Callback example

Animate mask path