获取动态img的宽高

作者: 李丹linda | 来源:发表于2019-05-10 14:21 被阅读0次

获取动态img的宽高
获取图片原始宽高及对应比例
获取img图片原始宽高
图片宽高总是获取错误？注意transition给你带来意想不到结
使用Image预加载填坑
动态的获取屏幕宽高和widget宽高
小程序动态获取宽高
获取宽高、加载（DOM）、currentStyle、getCom
Java图形验证码
页面元素宽高及位置获取方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body onload="aaa()">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
    <script type="text/javascript">
        var img = new Image()
        img.src = "http://lemon-staging.qiyi.domain/download/api/v1/files/367b886364924042a6bfb66d21f00431"
        document.body.appendChild(img)
        console.log(img)
        document.onload = function () {
            console.log(img.width)
        }
        window.onload = function(){
                console.log("页面加载完成====》onload");
                console.log(img.width)
            }
            
            $(window).load(function(){
                console.log("jquery===》window load" );
                console.log(img.width)
            })
            
            $(document).ready(function () {
                console.log("jquery====》document ready");
                console.log(img.width)
            });
            
            $(function(){
                console.log("jquery====》document onload");
                console.log(img.width)
            });
            
            function aaa(){
                console.log("静态标签====》onload");
                console.log(img.width)
            }
    </script>
</body>
</html>