Crop image taken from camera or photot library by custom shape before uploading

amit8749 · August 14, 2017, 4:30am

Hi,

In my ionic 2 app I need to crop image taken from camera or chosen from library. I have used cordova-plugin-crop. But it only crops in square shape. If I go to the plugin code and comment the .asSquare() method then it works. I do not want to change plugin code. Even I have used cropperjs but it did not work as I expected. Is there any other alternative ?

Thanx in advance for anyone who could help.

Sujan12 · August 14, 2017, 8:07am

The screenshot at https://github.com/jeduan/cordova-plugin-crop doesn’t really look square.
Where exactly are you commenting out a line? (You can click line numbers on Github to link directly to a specific line of sourcecode)

amit8749 · August 16, 2017, 5:50am

If I comment this line then the cropping is not square :

github.com

jeduan/cordova-plugin-crop/blob/f6d986bc80c90ddc8e6f7f1439f3e8031b219224/src/android/CropPlugin.java#L40


      this.inputUri = Uri.parse(imagePath);
      this.outputUri = Uri.fromFile(new File(getTempDirectoryPath() + "/" + System.currentTimeMillis()+ "-cropped.jpg"));


      PluginResult pr = new PluginResult(PluginResult.Status.NO_RESULT);
      pr.setKeepCallback(true);
      callbackContext.sendPluginResult(pr);
      this.callbackContext = callbackContext;


      cordova.setActivityResultCallback(this);
      Crop.of(this.inputUri, this.outputUri)
              .asSquare()
              .start(cordova.getActivity());
      return true;
  }
  return false;
}


@Override
public void onActivityResult(int requestCode, int resultCode, Intent intent) {
    if (requestCode == Crop.REQUEST_CROP) {
        if (resultCode == Activity.RESULT_OK) {

amit8749 · August 16, 2017, 7:36am

Actually, if I crop the image the image cropping happens equally in all the directions. I need it to crop in one direction only. Like if I drag to crop from down then only height shoud change and if I drag to crop from left then only width should change.

Sujan12 · August 16, 2017, 8:37am

From what I understood this only starts the cropping UI where you then can choose the area of the image to crop, doesn’t it?

Can you create a simple demo app for this plugin using ionic start cropExample blank and put it on Github?