{"_id":"drawsvg","_rev":"6-137e8e90e9a2e1c82b22b96a9a0c6549","name":"drawsvg","description":"Lightweight, simple to use jQuery plugin to animate SVG paths","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"drawsvg","version":"1.0.0","title":"jQuery DrawSVG","author":{"name":"Leonardo Santos","email":"leocs.1991@gmail.com"},"license":"MIT","description":"Lightweight, simple to use jQuery plugin to animate SVG paths","keywords":["svg","animate","animation","path","jquery-plugin","ecosystem:jquery"],"docs":"http://lcdsantos.github.io/jquery-drawsvg/","demo":"http://lcdsantos.github.io/jquery-drawsvg/demo","bugs":{"url":"https://github.com/lcdsantos/jquery-drawsvg/issues"},"homepage":"http://lcdsantos.github.io/jquery-drawsvg/","repository":{"type":"git","url":"git+https://github.com/lcdsantos/jquery-drawsvg.git"},"dependencies":{"jquery":"^2.1.4"},"devDependencies":{"gulp":"^3.9.0","gulp-bump":"^0.3.1","gulp-connect":"^2.2.0","gulp-gh-pages":"^0.5.2","gulp-header":"^1.7.1","gulp-load-plugins":"^0.10.0","gulp-plumber":"^1.0.1","gulp-rename":"^1.2.2","gulp-uglify":"^1.4.0","gulp-util":"^3.0.6","gulp-zip":"^3.0.2"},"gitHead":"fdcbc7181e70f7bc2d80111ce5e884ff7120feef","_id":"drawsvg@1.0.0","scripts":{},"_shasum":"19a9682e0de11591e85c093e7783899c9e031f8c","_from":".","_npmVersion":"2.14.2","_nodeVersion":"4.0.0","_npmUser":{"name":"lcdsantos","email":"leocs.1991@gmail.com"},"maintainers":[{"name":"lcdsantos","email":"leocs.1991@gmail.com"}],"dist":{"shasum":"19a9682e0de11591e85c093e7783899c9e031f8c","tarball":"https://registry.npmjs.org/drawsvg/-/drawsvg-1.0.0.tgz","integrity":"sha512-f2lITBBLKH+xOCraoTU97tJ+r8UCG03IYYASHh56wPvrEdXZC6pa7U3jWnmvxJTBSlmoY8lvBwn0zVeizN3tAA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDH26DgzGUpOvJ5Gt4yYko/uGdlyCR9Cn9Lua1h+FaY4gIgYxvuL15Nn/sqi4eiXUde+dHcL5Pus4vPMQGu3W3v4B8="}]}},"1.0.1":{"name":"drawsvg","version":"1.0.1","title":"jQuery DrawSVG","author":{"name":"Leonardo Santos","email":"leocs.1991@gmail.com"},"license":"MIT","description":"Lightweight, simple to use jQuery plugin to animate SVG paths","keywords":["svg","animate","animation","path","jquery-plugin","ecosystem:jquery"],"docs":"http://lcdsantos.github.io/jquery-drawsvg/","demo":"http://lcdsantos.github.io/jquery-drawsvg/#demos","bugs":{"url":"https://github.com/lcdsantos/jquery-drawsvg/issues"},"homepage":"http://lcdsantos.github.io/jquery-drawsvg/","repository":{"type":"git","url":"git+https://github.com/lcdsantos/jquery-drawsvg.git"},"dependencies":{"jquery":"^2.1.4"},"devDependencies":{"gulp":"^3.9.0","gulp-bump":"^0.3.1","gulp-connect":"^2.2.0","gulp-gh-pages":"^0.5.2","gulp-header":"^1.7.1","gulp-load-plugins":"^0.10.0","gulp-plumber":"^1.0.1","gulp-rename":"^1.2.2","gulp-uglify":"^1.4.0","gulp-util":"^3.0.6","gulp-zip":"^3.0.2"},"gitHead":"c2cc2c3b253e218366873830af1b2c13eaad848b","_id":"drawsvg@1.0.1","scripts":{},"_shasum":"2c9300be0c04c5ad325cb96c4c2326da5a3770a9","_from":".","_npmVersion":"2.14.7","_nodeVersion":"4.2.1","_npmUser":{"name":"lcdsantos","email":"leocs.1991@gmail.com"},"maintainers":[{"name":"lcdsantos","email":"leocs.1991@gmail.com"}],"dist":{"shasum":"2c9300be0c04c5ad325cb96c4c2326da5a3770a9","tarball":"https://registry.npmjs.org/drawsvg/-/drawsvg-1.0.1.tgz","integrity":"sha512-ydPFVpWknWhqm6q8umksN5IJZ7t3ICdFDGXQpKh8YkcoFxWfBY4fZXyGO2aetmrQgtpp3MP7xhkKVV/0IqDzvg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDPcPJDd7QZzU3HKDv9cY+vDckirqIl6AX6lRKi0SFRiAIgB5QD8Tzz/kyKaaPXamxOTsBPQdTysY18vB18jHHp2UQ="}]}},"1.1.0":{"name":"drawsvg","version":"1.1.0","title":"jQuery DrawSVG","main":"public/jquery.drawsvg.js","author":{"name":"Leonardo Santos","email":"leocs.1991@gmail.com"},"license":"MIT","description":"Lightweight, simple to use jQuery plugin to animate SVG paths","keywords":["svg","animate","animation","path","jquery-plugin","ecosystem:jquery"],"docs":"http://lcdsantos.github.io/jquery-drawsvg/","demo":"http://lcdsantos.github.io/jquery-drawsvg/#demos","bugs":{"url":"https://github.com/lcdsantos/jquery-drawsvg/issues"},"homepage":"http://lcdsantos.github.io/jquery-drawsvg/","repository":{"type":"git","url":"git+https://github.com/lcdsantos/jquery-drawsvg.git"},"dependencies":{"jquery":"^3.1.1"},"devDependencies":{"gulp":"^3.9.1","gulp-bump":"^2.4.0","gulp-connect":"^5.0.0","gulp-gh-pages":"^0.5.4","gulp-header":"^1.8.8","gulp-load-plugins":"^1.3.0","gulp-plumber":"^1.1.0","gulp-rename":"^1.2.2","gulp-uglify":"^2.0.0","gulp-util":"^3.0.7","gulp-zip":"^3.2.0"},"gitHead":"e254011f6c2f7791db78f465893ec260c92a3314","_id":"drawsvg@1.1.0","scripts":{},"_shasum":"d43f51280670bd0bea5c4eeda13d515ccf1a5289","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.5.0","_npmUser":{"name":"lcdsantos","email":"leocs.1991@gmail.com"},"maintainers":[{"name":"lcdsantos","email":"leocs.1991@gmail.com"}],"dist":{"shasum":"d43f51280670bd0bea5c4eeda13d515ccf1a5289","tarball":"https://registry.npmjs.org/drawsvg/-/drawsvg-1.1.0.tgz","integrity":"sha512-RGQiwT/FRDHJv7v2DY/bE1gX/ATeYTfc7WF150671FBc0n/k/AmcxgVe8jG0nP0CaExrGXhMgisCrgmdNijpqw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICbTcXojNPpNQD9+xXIPojFgBExq1BVVXT7sAv/zO0a2AiEAowoxJDE5D0F9/ckNMtvXK82HFamRKsoCxBYqCKi/jmo="}]},"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/drawsvg-1.1.0.tgz_1475694573981_0.23771828436292708"}}},"readme":"# jQuery DrawSVG\r\n\r\nThis plugin uses the jQuery built-in animation engine to transition the `stroke` on every `` inside the selected `` element, using `stroke-dasharray` and `stroke-dashoffset` properties.\r\n\r\n* Weights less than 2KB minified and 800 bytes gzipped.\r\n* Easy to use.\r\n* Easing and stagger support.\r\n* Free!\r\n\r\n## Usage\r\n\r\nInclude jQuery DrawSVG after jQuery\r\n\r\n```html\r\n\r\n\r\n```\r\n\r\nInitialize the plugin on the element you want to animate and store in a variable\r\n\r\n```js\r\nvar mySVG = $('#my_svg_element').drawsvg();\r\n```\r\n\r\nRun the animation\r\n\r\n```js\r\nmySVG.drawsvg('animate');\r\n```\r\n\r\nLook at the demos for more advanced usages.\r\n\r\n## Options\r\n\r\n| Option | Type | Default | Description |\r\n| ---------- | -------- | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |\r\n| `duration` | Integer | `1000` | The time to complete the animation of each path. |\r\n| `stagger` | Integer | `200` | Delay to start animating each individual path. |\r\n| `easing` | String | `swing` | Which easing function each path will use to transition.
Use [jQuery Easing Plugin](http://gsgd.co.uk/sandbox/jquery/easing/) for different easing functions. |\r\n| `reverse` | Boolean | `false` | Direction that the line will be drawn. |\r\n| `callback` | Function | `function() {}` | A function to call once the animation has been completed. |\r\n\r\n## Demos\r\n\r\n[Simple usage](http://codepen.io/lcdsantos/pen/zvGXbr/)\r\n\r\n[Draw on scroll](http://codepen.io/lcdsantos/pen/zvGQYB/)\r\n\r\n[Callback example](http://codepen.io/lcdsantos/pen/vNNXrm/)\r\n\r\n[Animate mask path](http://codepen.io/lcdsantos/pen/xwwEJw/)\r\n\r\n","maintainers":[{"name":"lcdsantos","email":"leocs.1991@gmail.com"}],"time":{"modified":"2022-06-15T23:58:24.184Z","created":"2015-09-10T20:30:28.966Z","1.0.0":"2015-09-10T20:30:28.966Z","1.0.1":"2015-11-06T17:50:10.513Z","1.1.0":"2016-10-05T19:09:36.215Z"},"homepage":"http://lcdsantos.github.io/jquery-drawsvg/","keywords":["svg","animate","animation","path","jquery-plugin","ecosystem:jquery"],"repository":{"type":"git","url":"git+https://github.com/lcdsantos/jquery-drawsvg.git"},"author":{"name":"Leonardo Santos","email":"leocs.1991@gmail.com"},"bugs":{"url":"https://github.com/lcdsantos/jquery-drawsvg/issues"},"license":"MIT","readmeFilename":"README.md","users":{"lcdsantos":true}}