angular-img-cropper无法使用方形图片

Question

我们正在使用https://github.com/AllanBishop/angular-img-cropper，到目前为止，它一直很棒，但今天我们偶然发现了一个错误，基本上，当您加载像这样的平方图像时：

裁剪工具变得很小，几乎不可能使用，如果你点击黄色十字架，它会非常大。

我们刚刚在dev的git上发布了这个bug https://github.com/AllanBishop/angular-img-cropper/issues/93

使用devs bin https://github.com/AllanBishop/angular-img-cropper可以轻松复制bug，只需去那里，修改html，使画布中的参数为crop-width =＆＃34; 720＆＃34;作物高度=＆＃34; 720＆＃34;并在帖子图像上加载第一个iamge。

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);
        };