javascript - javascript中的图像尺寸

Question

我正在尝试使用 javascript 获取图像的尺寸——Mootools 是加载的库。

但是，即使我没有问题地获取图像元素，并且在元素的属性中看到有效的宽度和高度，但当我尝试访问该属性时，高度值始终返回为 0。

为什么？

window.addEvent("domready", function(){
    var thisImg = $$("img.myimgclass");

    console.dir(thisImg[0]); // prints all image data, including width AND height values

    var height = thisImg[0].height;
    var width = thisImg[0].width;

    console.log(height); // prints 0 even though thisImg shows a valid height set
    console.log(width); // prints valid width

});

Answer 1

您正在阅读标签的height和width 属性，img这些属性可能未设置，但很难说，因为您没有包含 HTML。

Answer 2

尝试 image.naturalHeight 和 image.naturalWidth 来获得实际大小..

Answer 3

您需要在窗口加载事件中调用您的代码，因为即使构建了 dom 也不意味着图像已加载。控制台显示活动对象，也就是说，当您查看控制台时，图像已加载，但在记录时尚未加载。