單擊相機或選擇影象後裁剪影象

它以正方形形狀裁剪影象。

這個 cordova 專案使用兩個外掛:

  1. Cordova 相機外掛 - https://github.com/apache/cordova-plugin-camera

  2. Cordova Crop Image 外掛 - https://github.com/jeduan/cordova-plugin-crop

通過將 Cop Image 外掛程式碼放在 Camera Plugin Code 的成功回撥中,Camera 外掛與 Crop Image Plugin 結合使用。

  /*Camera Plugin Code*/
  navigator.camera.getPicture(onSuccess, onFail, {
      quality: 50,
      destinationType: Camera.DestinationType.FILE_URI
  });

  function onSuccess(imageData) {
       console.log(imageData);
       
       /*Crop Image Plugin Code*/
       plugins.crop(function success (data) {
          console.log(data);
          var image = document.getElementById('myImage');
          image.src = data;
       }, 
       function fail () {

       }, imageData, {quality:100});
  }

 function onFail(message) {
    alert('Failed because: ' + message);
 }