angle-img-cropperが正方形の画像で四角形の作物に作物サイズのツールを設定できません

Question

https://github.com/AllanBishop/angular-img-cropperを使用していますが、これまでは素晴らしかったですが、今日は基本的に、この1：

クロッパーツールは、小さなおよび使用することはほとんど不可能になり、あなたは黄色の十字をクリックすると、そのめちゃくちゃ大きな行きます。

は、私達はちょうどDEVのgitの上のバグを掲載 https://github.com/AllanBishop/angular-img-cropper/issues/93

だけで簡単にキャンバスの作物では、このパラメータを持って、そこに行くのhtmlを変更する開発者にビンhttps://github.com/AllanBishop/angular-img-cropperを使用して複製されているバグ-width = "720" crop-height = "720"とし、最初の画像をポスト画像にロードします。

Answer 1

クロッピングツールが初期化されている間に、白い画像を0.5秒間追加してから、実際にタイムアウトを使用して選択した画像を設定するのが最善の解決策でした。

vm.setCropperImage = function(imgBase64) { 
      var imgPlaceholder = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAqCAIAAACY8VRUAAAAA3NCSVQICAjb4U/gAAAASUlEQVRYhe3OsQ3AIBAAsZD9d35WoDgJCnsCr5n5nvffDhyx7Fh2LDuWHcuOZceyY9mx7Fh2LDuWHcuOZceyY9mx7Fh2LDuWnQ30YQNRzV7JZAAAAABJRU5ErkJggg=='; 
      vm.cropper.sourceImage = imgPlaceholder; 

      $timeout(function() { 
       vm.cropper.sourceImage = imgBase64; 
       $scope.ngModel = imgBase64; 
      }, 50); 
     };