1.0.2 • Published 3 years ago
react-photo-scissor v1.0.2
react-photo-scissor
A React photo scissor!
Install
npm install --save react-photo-scissor
Usage
import React from 'react'
import image from './629.jpg'
import PhotoScissor from 'react-photo-scissor'
import 'react-photo-scissor/dist/index.css'
const App = () => {
const scissorRef = React.createRef()
function onCrop() {
scissorRef.current.crop().then(result => {
console.log(result)
})
}
return (
<div>
<PhotoScissor
ref={scissorRef}
image={image}
viewportWidth={100}
viewportHeight={100}
boundaryWidth={200}
boundaryHeight={200}
/>
<button onClick={onCrop}>Crop</button>
</div>
)
}
Options
Name | Type | Default | Required |
---|---|---|---|
image | string | true | |
viewportWidth | number | 100 | |
viewportHeight | number | 100 | |
boundaryWidth | number | 200 | |
boundaryHeight | number | 200 | |
showSlider | bool | true |
Methods
function crop(type)
Result type default is blob, value can be 'canvas', 'base64', 'blob', 'html'
License
MIT © elliottspirit