2017-04-05 43 views
1

如何檢查圖像寬高比如果圖像寬高比大於下降的div然後刪除圖像,如果圖像寬高比小於div的則不會下降圖像如何之前降圖像檢查圖像寬高比到的div

function allowDrop(ev) { 
     ev.preventDefault(); 
    } 

    function drag(ev) { 
     ev.dataTransfer.setData("text", ev.target.id); 
    } 

    function drop(ev) { 
     ev.preventDefault(); 
     ev.target.appendChild(document.getElementById(data));  
    } 
+0

在你的「drop」函數中,將元素的寬度除以高度並進行比較。 –

+0

我需要拖放div倍數和每個div高度寬度不同所以圖像檢查div高度寬度如果小於圖像寬高比然後圖像放入div如果圖像長寬比小於div然後圖像不落入div – adeel

回答

0

我想象你只是想檢查放置功能中的寬高比,然後允許插入或不插入圖像。

function drop(ev) { 
    ev.preventDefault(); 
    var divRatio = $('#div').width()/$('#div').height(); 
    var imageRatio = $('#div').width()/$('#div').height(); 
    if (imageRatio <= divRatio) { 
     ev.target.appendChild(document.getElementById(data)); 
    }  
}