handy image cropper with focus point editor

James Bond

laooola

lusbuab

@betterthings/scissors

![Scissors by Better Things Digital](https://raw.githubusercontent.com/betterthingsdigital/art/master/scissors/github-header.png)

## Dependencies

You need to install `react` and `immutable` yourself.

## Example

```js
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}
      />
    )
  }
}
```


@betterthings/scissors

.css-1z04cui{margin-bottom:var(--chakra-space-4);font-size:var(--chakra-fontSizes-md);}James Bond

Dependencies

Example

Keywords

James Bond