是否有可能获得不在DOM中的图像的高度/宽度？

Question

是否可以使用JavaScript(即不属于DOM的图像)获取文件系统中图像的高度和宽度？或者我是否必须使用JavaScript将图像注入DOM并以这种方式获取尺寸？

我问,因为我正在编写一个JavaScript方法来快速渲染由Raphaël生成的UI组件,它将三个图像路径作为方法参数的一部分.然后将它们用于渲染上述UI组件,并且我需要图像的尺寸以用于定位目的.

提前致谢.

Answer 1

我认为只要图像已经加载,你就可以抓住宽度和高度 - 你不应该把它注入到DOM中.例如:

var tmp = new Image();
tmp.onload = function() {
    console.log(tmp.width + ' x ' + tmp.height);
}
tmp.src = 'http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=4';