首页 文章

angular-img-cropper 无法使用方形图片在平方裁剪上设置裁剪尺寸工具

提问于
浏览 次
1

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

在此输入图像描述

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

在此输入图像描述

在此输入图像描述

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

使用 devs bin https://github.com/AllanBishop/angular-img-cropper可以轻松复制该 bug，只需去那里，修改 html，使这些参数在 canvas crop-width =“720”crop-height =“720”中加载并在 post 图像上加载第一个 iamge。

javascript angularjs web html5-canvas

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);
        };
    回复于

相关问题