JavaScript画像トリミングの問題

Question

私は、このコードをトリミングする必要がある画像領域を選択するために使用しています。

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

$('#thumbnail + > img').css({ 
width: Math.round(scaleX * 354) + 'px', 
height: Math.round(scaleY * 448) + 'px', 
marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px', 
marginTop: '-' + Math.round(scaleY * selection.y1) + 'px' 
}); 
$('#x1').val(selection.x1); 
$('#y1').val(selection.y1); 
$('#x2').val(selection.x2); 
$('#y2').val(selection.y2); 
$('#w').val(selection.width); 
$('#h').val(selection.height); 
} 


$(window).load(function() { 
$('#thumbnail').imgAreaSelect({ x1: 120, y1: 90, x2: 280, y2: 210, aspectRatio: '1:1', onSelectChange: preview }); 

}); 

これは問題なく動作しますが、タブを使用して別のセクションを表示しています。次のタブをクリックすると、私は欲しくないイメージ・クロッパーを見ることができます。これをどうすれば解決できますか？

Answer 1

HI、 私はあなたがイメージクロッパーとしてdivを使用していると思います。そうであれば、他のタブをクリックすると、div属性style.display = 'none'を設定することができます。