当我对上传的图像应用100％的宽度设置时 – 为了让移动设备上的用户成为提供成功裁剪的最佳选择,输出的裁剪不是所选择的裁剪区域.

我认为这是因为jcrop从真实图像的大小开始工作,而不是调整大小的版本(100％宽度),但我不知道如何解决它.

我已经看过这个question(和答案),但我不明白如何申请我的Jcrop功能：

$(function(){
    $('#target').Jcrop({
            aspectRatio: 4/3,bgColor:     '#000',bgOpacity:   .4,onSelect: updateCoords
        });
        });
        function updateCoords(c)
        {
            $('#x').val(c.x);
            $('#y').val(c.y);
            $('#w').val(c.w);
            $('#h').val(c.h);
        };
        function checkCoords()
        {
            if (parseInt($('#w').val())) return true;
            alert('Please select a crop region then press submit.');
            return false;
        };

如果我不对上传的图像应用任何大小的CSS,这可以很好地工作,但是一旦我开始尝试管理图像大小以进行显示,裁剪的图像就会歪斜.

我认为谷歌会在这方面取得更多成果,因为我认为这是一个常见问题 – 或者我可能只是看得太明显.

我希望有人能帮帮忙.