Javascript 使用JCrop的图形故障

Javascript 使用JCrop的图形故障,javascript,html,jcrop,Javascript,Html,Jcrop,我在执行Jcrop时遇到了严重的问题。我将展示有关Jcrop实现的代码: $("#crop-mini").Jcrop({ onChange : updatePositions, onSelect : updatePositions, boxWidth : 500, boxHeight : 400, keySupport : false, setSelect : [0, 0, 999999, 99999

我在执行Jcrop时遇到了严重的问题。我将展示有关Jcrop实现的代码:

$("#crop-mini").Jcrop({
        onChange : updatePositions,
        onSelect : updatePositions,
        boxWidth : 500,
        boxHeight : 400,
        keySupport : false,
        setSelect : [0, 0, 999999, 999999],
        minSize : [10, 10]
});
其中#crop mini是

所选内容似乎显示了相同的图像从位置
coords.y
coords
是当前选择位置)变形为
coords.h+coords.y
,从
0
变形为
coords.w
。如果我把选择放在左上角,你会看到整个图像


顺便说一句,裁剪工作与预期一样,并且正在传递真实坐标,因此我碰巧认为问题在演示文稿中,而不是处理过程中。我做错了什么吗?

当css中设置了
最大宽度时,就会发生这种情况:

function updatePositions(coords)
{
    $(".x").val(coords.x);
    $(".y").val(coords.y);
    $(".w").val(coords.w);
    $(".h").val(coords.h);
};
只需添加以下规则即可解决此问题:

img {
    max-width: 100%
}

其中,
.image version
是元素的css类,该元素使用id
#crop mini

包装
,当css中设置了
最大宽度时会发生这种情况:

function updatePositions(coords)
{
    $(".x").val(coords.x);
    $(".y").val(coords.y);
    $(".w").val(coords.w);
    $(".h").val(coords.h);
};
只需添加以下规则即可解决此问题:

img {
    max-width: 100%
}

其中,
.image version
是一个css类,该类元素使用id
#crop mini

包装
,令人惊讶,我无法想象其原因,但它是有效的。你知道为什么会这样吗?我昨天也遇到了同样的问题,发现款式上有冲突。虽然我不知道这个插件的内部结构,所以不能进一步解释为什么。好吧,这对我来说已经足够了。谢谢太神奇了,我无法想象原因,但它是有效的。你知道为什么会这样吗?我昨天也遇到了同样的问题,发现款式上有冲突。虽然我不知道这个插件的内部结构,所以不能进一步解释为什么。好吧,这对我来说已经足够了。谢谢