Jcrop大图像真实尺寸

时间:2014-11-26 14:50:38

标签: javascript jquery html css jcrop

我在使用 jCrop ...

时遇到了问题

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

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

现在它正在工作,但现在,我需要图像的实际尺寸。 基本上,我有一个包含我要裁剪的图像的div,但我想要它们的真实大小..

我已尝试过的一些事情:

尝试用div制作一个overflow:scroll,问题是,当我裁剪时,我想,在裁剪时,当我达到div的极限时,他会在我继续前进时滚动..

一些帮助将是有用的。 (抱歉英文不好)

1 个答案:

答案 0 :(得分:8)

jcrop不是在CSS中设置图像的尺寸,而是为此目的提供boxWidthboxHeight参数。

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

您可以这样设置:

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

有关详细信息,请参阅此处:http://deepliquid.com/content/Jcrop_Sizing_Issues.html