Jcrop：在应用新图像时，setImage jcrop 不采用 TrueSize

【问题标题】：Jcrop: after setImage jcrop does not take TrueSize when applying new imageJcrop：在应用新图像时，setImage jcrop 不采用 TrueSize
【发布时间】：2016-06-22 14:10:06
【问题描述】：

我正在使用 Jcrop 并试图将它很好地适应响应式布局。我决定它将在 window.resize 上销毁并使用 TrueSize 参数重新初始化（如此处建议：https://stackoverflow.com/a/33592528/2126308）。但是现在我想添加通过setImage 更新图像的选项，但是在更改 img 后的小屏幕上，Jcrop 将其调整回 img 的原始大小。我应该销毁 Jcrop 并再次重新初始化（如调整大小）还是我做错了什么？

【问题讨论】：

标签： javascript jcrop

【解决方案1】：

我想分享我的解决方案，因为我查看了该函数的代码，顺便说一句，该代码不太长:-) 事实证明，setImage 函数在不考虑传递的 TrueSize 尺寸的情况下重新计算所有内容关于初始化。解决此问题的唯一方法是向 Jcrop 添加另一种方法。不幸的是，如果我错了，请纠正我，Jcrop v0.9.12 没有被编写来处理函数重载，所以我已经完成了自定义 Jcrop。

具体来说，我只更改了图像 laod 的初始大小

...
img.onload = function () {
    var iw = img.width;
    var ih = img.height;
    ...
}

到

...
img.onload = function () {
    var iw = $origimg.width();
    var ih = $origimg.height();
    ...
}

【讨论】：