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

Question

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

Answer 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();
    ...
}

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

Jcrop: after setImage jcrop does not take TrueSize when applying new image

javascript

jcrop