es6-tween-plugin-morph

Morph plug-in for ES6 tween

Usage

import { Tween } from 'es6-tween';
import 'es6-tween-plugin-morph';
 
let tween = new Tween(document.querySelector('#myPath'), {morph:{shape:'#circleSVGShape'}).to({morph:{shape:'#rectSVGShape'}}, 2000).start();

Config

• shape: Any - If want to use reverse/moveIndex, you should shape
• reverse: Boolean - Reverses the path if your want change naturality
• moveIndex: Number - Changes the index of points to make better/worse naturality
• approximate: Boolean - Requires flubber library and makes animation a lot better