Question

我正在使用Phonegap和Android测试一下。目前，我需要获得未实际加载的图像的高度和宽度。来自phonegap的文件结构如下：资产/ 资产/ WWW 资产/ WWW / CSS 资产/ WWW / IMG 资产/ WWW / index.html中

但是当我尝试这个时：

var myImg = new Image();
myImg .src = "img/myImage.png";
alert(myImage.width + " : " + myImage.height);

我一无所获。输出为“0 0”。我尝试了每一个组合，因为我不知道我在哪个级别，所以我尝试过：

../img/myImage.png
www/img/myImage.png
assets/www/img/myImage.png

没有任何作用。

Answer 1

我假设根据你的示例代码，“你实际上没有加载”的意思还没有被放入页面，因为如果没有加载图像，就无法访问宽度和高度！

问题是，在您请求高度和宽度时，您的图像尚未加载。您需要使用onload事件等待图像加载，然后让javascript获取高度和宽度。小心不要在附加onload事件之前设置src，否则你会错过缓存的图像。

这是小提琴：http://jsfiddle.net/B8Ge5/

（不需要HTML / CSS）

JS

var img = new Image()
  , source = 'http://i.imgur.com/XmqQuvu.jpg';

img.onload = function(){
    alert( 'Width: ' + this.width + 'Height: ' + this.height );
};

img.src = source;

约书亚

从移动目录中获取图像比率

1 个答案:

JS