JavaScript圖像裁剪問題

我使用此代碼來選擇需要裁剪的圖像區域。JavaScript圖像裁剪問題

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 }); 

});

這工作正常，但我使用製表符顯示不同的部分。當我點擊下一個標籤時，我可以看到我不想要的圖像裁剪器。我該如何解決這個問題？

來源

2009-04-09 jbcedge

我看到你使用$函數，但這不是標準的JavaScript。如果您正在使用Prototype，JQuery，Dojo或其他JavaScript框架，那麼您應該在問題中提到這一點。另外，嘗試將代碼放在代碼塊中（請參閱編輯器面板頂部的按鈕） – 2009-04-10 18:27:00

嗨，我想你是使用div作爲圖像裁剪。如果是這種情況，您可以在單擊其他選項卡時設置div屬性style.display ='none'。

來源

2009-04-09 05:01:54 rahul

JavaScript圖像裁剪問題

回答

相關問題