Marina-cropper-js NPM

marina-cropper-js

Made with create-react-library

Install

npm install --save marina-cropper-js

Usage

import React from 'react'

import { MarinaPlacesCropper } from 'marina-cropper-js'

const initialCrop = {
  unit: 'px', // default, can be 'px' or '%'
  x: 130,
  y: 50,
  width: 200,
  height: 200
};

const onComplete = (evt) => {
  console.log("width="+evt.width+" , height="+evt.height + ', x='+evt.x+ " , y="+evt.y)
}

const App = () => {


  return <MarinaPlacesCropper
    onComplete={onComplete}
    initialCrop={initialCrop}
    src={'https://bateau.cdn-rivamedia.com/bg/divers-place-de-port-a-marina-baie-des-anges-garantie-dusage-de-15-a-30-ans-7927016-yb.jpg'} />
}

export default App