SVG Shape Stroke-Line Drawing, Motion-path and Along-path Plugin for es6-tween
npm install es6tween-plugin-draw``javascript
import { Tween } from 'es6-tween';
import 'es6-tween-plugin-draw';
let tween = new Tween(document.querySelector('#myCircleSVG'), {draw:'0 100%'}).to({draw:'50% 50%'}, 2000).start();
`
`javascript
import { Tween } from 'es6-tween';
import 'es6-tween-plugin-draw';
let tween = new Tween(document.querySelector('#myCircleSVG'), {/ any yours /}).to({alongPath:'#myPathShape'}, 2000).start(); // moves #myCircleSVG along #myPathShape
`
`javascript
import { Tween } from 'es6-tween';
import 'es6-tween-plugin-draw';
let tween = new Tween(document.querySelector('#myPathShape'), {/ any yours /}).to({motionPath:'#myCircleSVG'}, 2000).start(); // moves #myCircleSVG along #myPathShape
``