jQueryの画像切り出し問題 -

Question

を選択よりも、画像の他の一部を示すが、私はこのプラグイン

http://odyniec.net/projects/imgareaselect/

の問題を持っている私は、そのイメージがすべてを説明すると思います。

私は選択された全体画像を持っていますが、親指はその一部だけを示しています。 大きな画像であっても非常に悪く見えます。私のコード

function preview(img, selection) { 
    if (!selection.width || !selection.height) 
     return; 
    var scaleX = 100/selection.width; 
    var scaleY = 100/selection.height; 

    $('#preview img').css({       
     width: Math.round(scaleX * 300),    
     height: Math.round(scaleY * 300), 
     marginLeft: -Math.round(scaleX * selection.x1), 
     marginTop: -Math.round(scaleY * selection.y1) 
    });            

} 

$(function() { 
    $('#photo').imgAreaSelect({ aspectRatio: '1:1', handles: true, 
     fadeSpeed: 200, onSelectChange: preview }); 
}); 

私はjcropしようとしたが、それはあなたのスケーリングは、プレビューのためにオフになっているように、同じ

Answer 1

が見えません。編集エリアとプレビューは同じサイズ（〜100px）で表示されますが、JavaScriptは編集エリア（300px四角）とプレビューエリア（100px四角）に設定されています。これは、あなたのプレビューが3倍以上広がっていることを意味し、あまりにも大きなプレビューで終わることになります。

Answer 2

値「100」は幅と高さのプレビュー画像、値「300」は幅と高さの主な画像です。