ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して画像の寸法を取得するにはどうすればよいですか?

JavaScript を使用して画像の寸法を取得するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-14 15:25:10
オリジナル
595 人が閲覧しました

How Can I Get Image Dimensions Using JavaScript?

JavaScript を使用した画像の寸法の決定

Web ページに表示される画像の寸法にプログラムでアクセスする必要がありますか? JavaScript は、簡単な解決策を提供します。

解決策:

JavaScript は、画像の寸法を取得するための簡単なアプローチを提供します。

  1. 新しい画像object:

    const img = new Image();
    ログイン後にコピー
  2. 画像が使用可能になったときに画像の寸法をキャプチャするように onload イベント リスナーを設定します:

    img.onload = function() {
      alert(this.width + 'x' + this.height);
    }
    ログイン後にコピー
  3. 画像をロードします:

    img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';
    ログイン後にコピー

画像のロード時に、 onload イベントがトリガーされ、画像の幅と高さがアラート ボックスに表示されます。この手法を使用すると、Web ページ上の任意の画像のサイズに簡単にアクセスできます。

以上がJavaScript を使用して画像の寸法を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート