javascript - 是否可以获取不在 DOM 中的图像的高度/宽度？

Question

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

我问是因为我正在编写一个 JavaScript 方法来动态呈现由 Raphaël 生成的 UI 组件，它采用三个图像路径作为方法参数的一部分。然后这些用于呈现上述 UI 组件，我需要图像的尺寸用于定位目的。

提前致谢。

Answer 1

我认为只要图像已加载，您就可以获取宽度和高度 - 不过您不必将其注入(inject) 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';