1

私の Web アプリケーションには多くの画像表示機能があり、ほとんどの場合、それらのサイズを変更する必要があります。次のフラグメント コードを使用して、実際の幅と高さの値を取得しようとしました。

var image = new Image();
image.src = IMAGE_URL;

var width = image.width;
var height = image.height;

上記のコードは、Firefox や IE 10 などのブラウザーでは問題なく動作しますが、Chrome では 0 を返します。Chromeはこれをサポートしていないと思います。

誰でもこれについてのガイダンスを教えてもらえますか?

4

3 に答える 3

4

画像が読み込まれ、その構成を理解した後、幅と高さを取得する必要があります。

試す：

var image = new Image();
image.onload = function() {
    var width = image.width;
    var height = image.height;
}
image.src = IMAGE_URL;

それが役立つことを願っています

于 2013-10-22T05:48:31.830 に答える
2

これを試して

img = new Image();
img.onload = function() {
    width = this.width;
    height = this.height;
};

Onload は、幅と高さを取得するのに役立ちます。

于 2013-10-22T05:52:48.680 に答える
1

イベントを待つ必要がありますload。そうしないと、画像のサイズがわかりません。

var image = new Image();

image.onload = function() {
    var width = image.width;
    var height = image.height;
    // These values will now be correct.
};

image.src = IMAGE_URL;
于 2013-10-22T05:48:37.313 に答える