javascript - 如何在将图像放入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));
    }

最佳答案

我想您只是想检查拖放功能中的长宽比，然后允许插入图像或不插入图像。

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

关于javascript - 如何在将图像放入div中之前检查图像长宽比，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43225316/