角IMG-农作物无法与方形图片

Question

平方作物设置裁切尺寸的工具，我们正在使用https://github.com/AllanBishop/angular-img-cropper到目前为止，它已经很大了，但是今天我们跌入一个错误，基本上，当你加载像一个方形图像这一个：

剪裁工具工具变得很小，几乎不可能使用，如果你点击黄色十字，其去疯狂大。

我们刚刚发布的bug上开发的混帐 https://github.com/AllanBishop/angular-img-cropper/issues/93

的错误使用开发者斌https://github.com/AllanBishop/angular-img-cropper只是去那里，修改HTML有在画布农作物这个参数是很容易复制-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); 
     };