Jcrop 大图像真实尺寸

Posted 2023-02-25

【中文标题】Jcrop 大图像真实尺寸

【英文标题】：Jcrop Large Image True Size

【发布时间】：2014-11-26 14:50:37

【问题描述】：

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

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

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

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

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

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

一些帮助会很有用。 （抱歉英语不好）

【问题讨论】：

抱歉，我无法理解您的帖子。 “如果我上传一张图片，例如 1024x768，他将获得我的大部分浏览器”是什么意思？

例如，如果我上传一张尺寸为 1024x760 的图片，他会为我的浏览器放大以进行裁剪，明白吗？ :)

【参考方案1】：

jcrop 没有在 CSS 中设置图像的尺寸，而是为此提供了 boxWidth 和 boxHeight 参数。

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

你可以这样设置它们：

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

更多信息请看这里：http://deepliquid.com/content/Jcrop_Sizing_Issues.html

【讨论】：

这对于您希望在较小屏幕上重新调整大小（响应式）的较大图像如何工作？

@Ciwan 对于这种情况，我会改用trueSize 参数方法。见这里：deepliquid.com/content/Jcrop_Sizing_Issues.html