Table of Contents
- MotorCortex-Polymorph
- Intro / Features
- Getting Started
- Creating Incidents
- Adding Incidents in your clip
- Contributing
- License
- Sponsored by
MotorCortex-Polymorph brings the capabilities of Polymorph Library into MotorCortex. With this plugin you can morph a shape to another shape.
This Plugin exposes one Incident:
- Polymorph
$ npm install --save @donkeyclip/motorcortex-polymorph
# OR
$ yarn add @donkeyclip/motorcortex-polymorphimport { loadPlugin } from "@donkeyclip/motorcortex/";
import polymorphDefinition from "@donkeyclip/motorcortex-polymorph";
const Plugin = loadPlugin(polymorphDefinition);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,
}
);| 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 |
clipName.addIncident(incidentName,startTime);In general, we follow the "fork-and-pull" Git workflow, so if you want to submit patches and additions you should follow the next steps:
- Fork the repo on GitHub
- Clone the project to your own machine
- Commit changes to your own branch
- Push your work back up to your fork
- Submit a Pull request so that we can review your changes
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "github-actions[bot]")
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent