javascript - Jcrop 大图像真实尺寸

Question

我在使用 jCrop 时遇到问题...

如果我上传一张图片，例如 1024x768，他将获得我的大部分浏览器。那我为了转身做了什么？

<div style="width:300px;height:300px;(Just examples!)">
<img> bla bla
</div>

现在它可以工作了，但是现在，我需要图像的实际大小。基本上，我有一个包含我要裁剪的图像的 div，但我想要它们的真实大小..

一些我已经尝试过的事情:

试图用 overflow:scroll 制作一个 div，问题是，当我裁剪时，我想在裁剪时，当我达到 div 的限制时, 他在我继续的时候滚动..

一些帮助会很有用。 (抱歉英语不好)

Answer 1

jcrop 不是在 CSS 中设置图像的尺寸，而是具有用于此目的的 boxWidth 和 boxHeight 参数。

使用这些参数，jcrop 将调整图像大小以适应指定的框大小，但它仍将输出相对于真实大小的值。

你可以这样设置它们:

$(function() {
    $('#cropbox').Jcrop({ boxWidth: 300, boxHeight: 300 });
});

查看此处了解更多信息:http://deepliquid.com/content/Jcrop_Sizing_Issues.html