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

안녕하세요, 저는 이미지 크롭으로 div를 사용하고 있다고 생각합니다. 다른 탭을 클릭하면 div 속성 style.display = 'none'을 설정할 수 있습니다.