裁剪结果始终返回width：0，height：0

问题描述

我正在尝试在我的一个网站上使用JS图像裁剪插件 Croppie。裁剪工具将当前裁剪的图像存储为croppie对象（我称为croppieImage）。他们在他们的网站上指出，您可以将结果导出为纯HTML格式以用于显示，并传递大小参数，例如：

croppieImage.croppie('result',{
    width:300,height:300
}).then(function (resultHTML) {
   console.log(resultHTML);
   document.getElementById('upload-demo').insertAdjacentElement('afterend',resultHTML);
})

...或通过使用字符串original或viewport代替大小参数。但是，在每种情况下，生成的对象都会为我提供以下HTML：

<div class="croppie-result" style="width: 0px; height: 0px;">
    <img src="[...]" style="left: 0px; top: 0px;" >
</div>

无论我进行什么更改，我都无法使用其他任何尺寸。这包括使用关键字original和viewport。 div似乎没有任何高度或宽度。

有人可以指出我做错了什么吗，或者这是croppie中的真正错误吗？谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

croppie javascript jquery