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'。