1

Phonegap と Android で少しテストしています。現時点では、実際に読み込まれていない画像の高さと幅を取得する必要があります。phonegap のファイル構造は次のようになります: assets/ assets/www assets/www/css assets/www/img assets/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

何も機能しません。

4

1 に答える 1

0

画像がロードされていない場合、幅と高さにアクセスする方法がないため、サンプルコードごとに、「実際にはロードされていない」という意味がまだページに配置されていないと想定しています!

問題は、高さと幅を要求するまでに画像が読み込まれていないことです。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;

ジョシュア

于 2013-11-04T18:29:10.330 に答える