gre / bezier-easing-editor

Cubic Bezier Curve editor made with React & SVG

Home Page:http://gre.github.io/bezier-easing-editor/example/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

bezier-easing-editor

Cubic Bezier Curve editor made with React & SVG.

Example

(click to open)

Controlled / Uncontrolled Component

bezier-easing-editor allows to be Controlled: you have to provide value and an onChange handler to enable the edition.

<BezierEditor value={this.state.val} onChange={val => this.setState({ val })} />

bezier-easing-editor allows to be Uncontrolled: just define a defaultValue:

<BezierEditor defaultValue={[0.2, 0.2, 0.8, 0.8]} onChange={console.log.bind(console)} />

See also

About

Cubic Bezier Curve editor made with React & SVG

http://gre.github.io/bezier-easing-editor/example/

License:MIT License


Languages

Language:JavaScript 92.7%Language:HTML 6.0%Language:CSS 1.3%