JCropで間違った領域を切り抜く

Question

私のJCropの実装には助けが必要です。私はマニュアルに従おうとしましたが、領域を選択するたびに、実際に私が選択したものを選択するわけではありません。代わりに、私の選択の外にいくつかの領域を取っている。時々、それは（私は写真のサイズのために考えている）ほぼ適切に領域を取っているが、主にそれは間違った領域を取っている。助けてください。ここに私のコードです：

注$ photoはアップロードされた画像です。それは正しくアップロードされているので、問題はありません。

120x120は、アップロードした画像を保存して保存容量を節約したいピクセルです。また、ここで私は、トリミング用の画像を表示<img>要素のCSSです：

max-width: 100%; 
height: auto; 
display: inline-block; 
position: relative;  

は、ここに私のPHPコードです：

$twidth = 120; 
$theight = 120; 
$quality = 90; 
$src = imagecreatefromjpeg($photo); 
$dst = ImageCreateTrueColor($twidth, $theight); 
$x = $_POST['x']; 
$y = $_POST['y']; 
$w = $_POST['w']; 
$h = $_POST['h']; 
imagecopyresampled($dst, $src, 0, 0, $x, $y, $twidth, $theight, $w, $h); 
imagejpeg($dst, $photo, $quality); 

Answer 1

ここでの問題は、あなたがCSSで画像ボックスのサイズを変更していることです。これは、スクリプトが正しい領域を見つけるのが困難になっています。 代わりに、あなたは以下のようにJcrop機能付きボックスの幅/高さを制限する必要があります：あなたはそれは予想通り、それ以外の場合は動作していない、希望エリアを取る設定このJcropを使用する場合は

$('#cropbox').Jcrop({ 
     boxWidth: 480, //Maximum width you want for your bigger images 
     boxHeight: 480, //Maximum Height for your bigger images 
... 
}); 

。

最高の願い