svg.pathmorphing.js

Enables pathmorphing / path animation in svg.js

Usage no npm install needed!

<script type="module">
  import svgPathmorphingJs from 'https://cdn.skypack.dev/svg.pathmorphing.js';
</script>

A plugin for the svgjs library to enable path morphing / animation

The code of this plugin will move to the core when it's out of experimental status and shortened (to much space for one feature).

The use is similar to all other animation explained in the svg.js docs:


// create path
var path = draw.path('M150 0 L75 200 L225 200 Z')

// animate path
path.animate().plot('M100 0 H190 V90 H100 Z')

Pretty straight forward, isn't it?

This module requires svg.js >= v2.1.1