JCrop得到裁剪寬度和高度

我正在使用JCrop，它工作得很好。但是當我點擊「裁剪按鈕」時，它總是生成「300px」x「150px」的圖像。我只是想根據裁剪區域大小生成圖像。我想要裁剪圖像的寬度和高度應該是動態的。請檢查我的代碼如下。JCrop得到裁剪寬度和高度

我會很感激，如果你只是指出，我應該在哪裏調整我的代碼來生成與實際裁剪區域的寬度和高度

$('img').Jcrop({ 
    onChange: showPreview, 
    onSelect: showPreview, 
    setSelect: [100, 100, 50, 50] 
}); 
function showPreview(c) { 
    if (parseInt(c.w) > 0) { 
    // Show image preview 
    var imageObj = $("#content-container img.highlighted")[0]; 
    var canvas = $("#preview")[0]; 
    var context = canvas.getContext("2d"); 
    context.drawImage(imageObj, c.x, c.y, c.w, c.h, 0, 0, canvas.width, canvas.height); 
    } 
} 
$('button.crop').click(function() { 
     var can = document.getElementById('preview'); 
     var img = can.toDataURL("image/png"); 
     $('div').before('<img src="' + img + '" class="cropped highlighted" data-reset="' + thisAttr + '"/>'); 
    });

來源

2014-10-16 orbnexus

可能重複[jcropped-get-cropped-image-height]（http://stackoverflow.com/questions/17237235/jcropped-get-cropped-image-height）。 – 2014-10-17 05:40:38

我想通了裁剪的圖像。基本上我已經使用了變量'c.w'和'c.h'，因爲它們擁有畫布的動態高度和寬度。所以我只是把它們放在公共變量中，然後在我生成圖像的其他函數中使用它們。

來源

2014-10-20 17:07:55 orbnexus

JCrop得到裁剪寬度和高度

回答

相關問題