react-native-image-cropper - Crop your images with zoom and pan

  •        236

Crop image in React Native using pan to move, pinch to zoom -> capture to file or base64

https://github.com/stoffern/react-native-image-cropper#readme
https://github.com/stoffern/react-native-image-cropper

Dependencies:

eslint : ^4.8.0
eslint-plugin-react : ^7.4.0
gl-react : ^2.2.8
gl-react-native : ^2.38.0
prop-types : ^15.6.0
rect-clamp : ^0.0.0
rect-crop : ^0.0.0

Tags
Implementation
License
Platform

   




Related Projects

react-native-image-picker - :sunrise_over_mountains: A React Native module that allows you to use native UI to select media from the device library or directly from the camera

  •    Java

This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. To use this library you need to ensure you match up with the correct version of React Native you are using.

react-easy-crop - A React component to crop images with easy interactions

  •    Javascript

The Cropper is styled with position: absolute to take the full space of its parent. Thus, you need to wrap it with an element that uses position: relative or the Cropper will fill the whole page.

react-native-image-picker - A React Native module that allows you to use native UI to select media from the device library or directly from the camera

  •    Java

This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. IMPORTANT NOTE: You'll still need to perform step 4 for iOS and steps 2 and 5 for Android of the manual instructions below.

ImageCropper base on AjaxControlToolkit

  •    

The image cropper provides a way to draw a crop area on an image and capture the coordinates of the drawn crop area. This control is migrated from another tool ( http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous), which is base on the Pr...

react-native-image-gallery - Pure JavaScript image gallery component for iOS and Android with high-performance and native feeling in mind

  •    Javascript

A pure JavaScript image gallery component for React Native apps with common gestures like pan, pinch and doubleTap, supporting both iOS and Android. This component utilizes @ldn0x7dc/react-native-view-pager as the scrollable container and react-native-transformable-image as the wrapped image.


vue-croppa - A simple straightforward customizable mobile-friendly image cropper for Vue 2.0.

  •    Vue

A simple straightforward customizable mobile-friendly image cropper for Vue 2.0. A two-way binding prop. It syncs an object from within the croppa component with a data in parent. We can use this object to call useful methods (Check out "Methods" section). Since v1.0.0, you don't need this anymore, the ref on component can also be used to call methods.

Croppie - A Javascript Image Cropper

  •    Javascript

First, thanks for contributing. This project is difficult to maintain with one person. Here's a "checklist" of things to remember when contributing to croppie. If you're looking for a simple server to load the demo page, I use https://github.com/tapio/live-server.

cropperjs - JavaScript image cropper.

  •    Javascript

JavaScript image cropper.The cdnjs provides CDN support for Cropper.js's CSS and JavaScript. You can find the links here.

react-native-gallery - A pure JavaScript image gallery component for react-native apps with common gestures like pan, pinch and doubleTap, supporting both iOS and Android

  •    Javascript

A pure JavaScript image gallery component for react-native apps with common gestures like pan, pinch and doubleTap, supporting both iOS and Android. This component works on react-native 0.28+ and only supports remote images for now.

react-native-image-crop-picker - iOS/Android image picker with support for camera, configurable compression, multiple images and cropping

  •    Objective-C

Android: The prop 'cropping' has been known to cause videos not to be display in the gallery on Android. Please do not set cropping to true when selecting videos.Module is creating tmp images which are going to be cleaned up automatically somewhere in the future. If you want to force cleanup, you can use clean to clean all tmp files, or cleanSingle(path) to clean single tmp file.

react-native-sketch-canvas - A React Native component for drawing by touching on both iOS and Android

  •    Javascript

A React Native component for drawing by touching on both iOS and Android. To use an image as background, localSourceImage(see below) reqires an object, which consists of filename, directory(optional) and mode(optional). Note: Because native module cannot read the file in JS bundle, file path cannot be relative to JS side. For example, '../assets/image/image.png' will fail to load image.

react-native-img-cache - Image Cache for React Native

  •    TypeScript

CachedImage component and Cache image manager for React Native. I am no longer maintaining this library but react-native-expo-image-cache which depends on ExpoKit.

RSKImageCropper - An image cropper / photo cropper for iOS like in the Contacts app with support for landscape orientation

  •    Objective-C

An image cropper for iOS like in the Contacts app with support for landscape orientation. RSKImageCropper requires iOS 6.0 or later.

react-native-fit-image - Responsive image component to fit perfectly itself.

  •    TypeScript

React Native Fit Image enables you to draw responsive image component. Responsive image component to fit perfectly itself.

react-native-image-progress - Progress indicator for networked images in React Native

  •    Javascript

Note: Progress indicators has been broken out to a separate component; react-native-progress. To use them, please follow installation instructions for that package. Note: onLoad* events are bubbled up, so if you want to do some custom thing when the image is loaded for example.

cropper - Android widget for cropping and rotating an image.

  •    Java

The Cropper is an image cropping tool. It provides a way to set an image in XML and programmatically, and displays a resizable crop window on top of the image. Calling the method getCroppedImage() will then return the Bitmap marked by the crop window. A public method to rotate the image by a specified number of degrees is also included. This can be used to provide the user with an option to fix the image orientation should Android miscalculate the intended orientation.