React Image Cropper with Focus Point Editor
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
src
.gitignore
.nvmrc
.prettierrc
.travis.yml
LICENSE
package-lock.json
package.json
readme.md
tsconfig.json
webpack.config.js

readme.md

Scissors by Better Things Digital

Dependencies

You need to install react and immutable yourself.

Demo

Here's a little demo of what the component can do: https://scissors.netlify.com/

Example

import { Scissors, ScissorsState } from '@betterthings/scissors'

class App extends React.Component {
  constructor(props) {
    super(props)

    this.state = {
      scissorsState: new ScissorsState({ imageUrl: '/path/to/img.jpg' }),
    }

    this.onScissorsChange = this.onScissorsChange.bind(this)
  }

  onScissorsChange(scissorsState) {
    this.setState({ scissorsState })
  }

  render() {
    return (
      <Scissors
        scissors={this.state.scissorsState}
        onChange={this.onScissorsChange}
      />
    )
  }
}

Authors