SVG Path Transition JavaScript Library – pasition.js

Category: Animation , Javascript , Recommended | June 21, 2017
Author: AlloyTeam
Views Total: 342
Official Page: Go to website
Last Update: June 21, 2017
License: MIT

Preview:

SVG Path Transition JavaScript Library – pasition.js

Description:

pasition.js is a lightweight JavaScript library which helps you apply smooth transition effects to the SVG paths.

Install it via NPM:

$ npm install pasition

How to use it:

Download and insert the JavaScript file ‘pasition.js’ into the webpage.

<script src="/path/to/pasition.js"></script>

The JavaScript to animate the paths with a smooth transition effect.

pasition.animate({
  from : fromPath,
  to : toPath,
  time : time,
  easing : function(){ },
  begin :function(shapes){ },
  progress : function(shapes, percent){ },
  end : function(shapes){ }
})