0.0.6 • Published 4 years ago
@kissmybutton/motorcortex-polymorph v0.0.6
motorcortex-polymorph
Demo
Installation
$ npm install --save @kissmybutton/motorcortex-polymorph
# OR
$ yarn add @kissmybutton/motorcortex-polymorph
Loading
import MotorCortex from "@kissmybutton/motorcortex/"
import polymorphDefinition from "@kissmybutton/motorcortex-polymorph"
const Plugin = MotorCortex.loadPlugin(polymorphDefinition);
Create incident
Polymorph
const polymorph = new Plugin.Polymorph(
{
animatedAttrs: {
d: `M209 289h-4c-4-8.4-5.8-8.8-13.5-3.9-2.4 1.5-5 2.6-7.5 11.4z`,
},
addPoints: 100,
originX: 0,
originY: 0,
precision: 0,
},
{
selector: "#poly",
duration: 1000,
}
);
Polymorph Attrs
Name | Are | Values |
---|---|---|
d | svg path | sting |
addPoints | Adds additional points to each side of the tween over what is required | num |
originX | Is values between 0 and 1 representing 0% to 100% of the bounding box of the path. | num |
originY | Is values between 0 and 1 representing 0% to 100% of the bounding box of the path. | num |
precision | The number of decimal places to use when rendering paths | num |