使用JCrop的图形故障

Question

我遇到了严重的麻烦实施Jcrop。我会告诉代码关于Jcrop实现：

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

其中＃作物mini是包含图像的<img>标签。 updatePositions只是一个功能，更新选择位置。很简单：

function updatePositions(coords) 
{ 
    $(".x").val(coords.x); 
    $(".y").val(coords.y); 
    $(".w").val(coords.w); 
    $(".h").val(coords.h); 
}; 

我上传图片，写其网址为<img>标签，火的fancybox并调用JCrop。然而，当我调整选择框，吊杆，出现此毛刺：

它看起来像所选择的内容显示从位置coords.y变形相同的图像（coords是当前的选择的位置）到coords.h+coords.y，和从0到coords.w。如果我选择触摸左侧角落，您将看到整个图像。

顺便说一下，裁剪按预期工作，并且真正的坐标正在通过，所以我碰巧认为问题出现在演示文稿中，而不是处理。我做错了什么吗？

Answer 1

这种情况发生时，你有你的CSS max-width集：

img { 
    max-width: 100% 
} 

只需添加以下规则来解决这个问题：

.image-version img { 
    max-width: none; 
} 

凡.image-version是CSS类元素的包装<img>与编号#crop-mini。