SVG Path Transition JavaScript Library – pasition.js

Preview:

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){ }
})