walkway.js– to make simple SVG animations with lines

Walkway.js is an easy way to compose SVG animated images using line and path elements. Just create a new walkway instance based on the provided configuration object. This effect is especially suitable for web pages that advocate minimalist design style. Currently, Walkway.js is only available for path and line elements.

Effects Demo Plugin Download

How to use:

Create a walkway example based on the configuration options provided, and if you want to start the animation, call the Draw method.

Create a new Instancevar svg = new walkway (options);//Draw when ready, providing an optional Callbacksvg.draw (callback );//Options passed in as a object, see Options below.var svg = new Walkway ({selector: ' #test '});//overwriting defaults var svg = new Walkway ({  selector: ' #test ',  Duration: ' + ',  //can pass in a function or a string like ' Easeo Utquint '  easing:function (t) {    return T * t;  }}); Svg.draw ()//If You don't want to change the default options you can//also supply the constructor with a selector string . var svg = new walkway (' #test '); Svg.draw (function () {  console.log (' Animation finished ');});

　

Related articles that may be of interest to you

• Web development in a very practical 10 effects "source Download"
• Carefully selected excellent jquery Ajax page plug-ins and tutorials
• 12 Amazing ideas for 404 error page Design
• Let the website Move! 12 Excellent jQuery animation plugins
• Stunning 8 x HTML5 & JavaScript Effects

This article link: walkway.js– with lines and paths to make simple SVG animations

Compilation Source: Dream Sky focus on front-end development technology sharing web design resources

"http://www.cnblogs.com/lhb25/" from the source of this article

walkway.js– to make simple SVG animations with lines