vue中获取图片url中的真实宽高

Posted 2023-04-27

参考技术A <script>

export default

    data ()

        return

            imgUrl: 'http://img.png'

        

    

    methods:

        getImgInfo ()

            let self =this;

            let img =new Image()

            img.src=self .imgUrl

            img.onload=function ()

                console.log('图片原始高度', img.height)

                console.log('图片原始宽度',img.width)

            

        

   



</script>

CocosCreator-获取游戏可见宽高，真实宽高

CocosCreator-3.0-获取游戏可见宽高，真实宽高

    // onLoad 回调会在节点首次激活时触发，比如所在的场景被载入，或者所在节点被激活的情况下。
    // 在 onLoad 阶段，保证了你可以获取到场景中的其他节点，以及节点关联的资源数据。
    // onLoad 总是会在任何 start 方法调用前执行，这能用于安排脚本的初始化顺序。
    // 通常我们会在 onLoad 阶段去做一些初始化相关的操作。
    onLoad()
        console.log(' - Life onLoad - ');
        // 获取游戏可见宽高
        const gameCanvas = view.getVisibleSize();
        gameWidthX = gameCanvas.width;
        gameHeightX = gameCanvas.height;
        console.log('gameVisibleSize = ' + gameWidthX + "*" + gameHeightX);