es6tween-plugin-morph
v0.0.21
Published
SVG Shape Morphing Plugin for es6-tween
Downloads
32
Maintainers
Readme
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 usereverse/moveIndex
, you shouldshape
reverse: Boolean
- Reverses the path if your want change naturalitymoveIndex: Number
- Changes the index of points to make better/worse naturalityapproximate: Boolean
- Requiresflubber
library and makes animation a lot better