React component to edit a Kenburns effect
JavaScript HTML
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
src
.gitignore
.jshintrc
LICENSE
README.md
package.json

README.md

kenburns-editor

Usages

// ES6
import { KenburnsEditor } from "kenburns-editor";
// CommonJS
var KenburnsEditor = require("kenburns-editor").KenburnsEditor;

kenburns-editor allows to be Controlled: you have to provide values and an onChange handler to enable the edition.

<KenburnsEditor
  image="1.jpg"
  value={this.state.value}
  onChange={value => this.setState({ value })} />

kenburns-editor allows to be Uncontrolled: just define a defaultValues:

<KenburnsEditor
  image="1.jpg"
  defaultValue={{ from: [0.5, [0.5, 0.5]], to: [1, [0.5, 0.5]] }}
  onChange={console.log.bind(console)} />

Example

(click to open)

Used by...