Javascript 角度img裁剪器无法在带有方形图片的方形裁剪上设置裁剪尺寸工具

我们正在使用，到目前为止，它非常好，但今天我们遇到了一个错误，基本上，当你加载一个像这样的正方形图像时：

裁剪器工具变得很小，几乎无法使用，如果你点击黄色十字，它会变得非常大

我们刚刚在开发人员的git上发布了这个bug

---

使用devs bin可以很容易地复制此错误。只需转到那里，修改html使其在画布中具有此参数crop width=“720”crop height=“720”，然后在后期图像上加载第一个图像。

最佳解决方案是在裁剪工具初始化时添加一个白色图像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);
        };

---

最好的解决方案是在裁剪工具初始化时添加一个白色图像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);
        };