Skip to content

An image view component that corrects the distorted image with its corner points

License

Notifications You must be signed in to change notification settings

leonskim/react-native-perspective-correction-image-view

Repository files navigation

react-native-perspective-correction-image-view

An image view component that corrects the distorted image with its corner points.

image

Installation

yarn add react-native-perspective-correction-image-view

or

npm install react-native-perspective-correction-image-view

Usage

Please take a look at the example app.

<PerspectiveCorrectionImage
   source={require('./sample.png')}
   sourceCorners={[114, 80, 324, 46, 77, 203, 306, 252]}
   sourceWidth={400}
   sourceHeight={300}
   width={200}
   height={150}
   backgroundColor='black'
   ref={perspectiveCorrectionImageRef}
/>

Parameters

The source corners are X,Y points from top left going clockwise. param_order

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT