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

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

解決策:

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

1. 新しい画像オブジェクト:

   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 ページ上の任意の画像のサイズに簡単にアクセスできます。