DOM

：

　編集：2022.09.14 by T.A.

[Edge]。→

新しい HTMLImageElement インスタンスを作成します。機能的には document.createElement('img') と同等です。

注: この関数を CSS の image() 関数と混同しないでください。

new Image([width[, height]])

`width`	省略可。画像の幅（つまり、width 属性の値）。
`height`	省略可。画像の高さ（つまり、height 属性の値）。

コンストラクターで指定されたサイズに関係なく、ビットマップ全体が読み込まれます。コンストラクターで指定されたサイズは、結果のインスタンスのプロパティ HTMLImageElement.width および HTMLImageElement.height によって反映されます。

CSS ピクセル単位の画像固有の幅と高さは、プロパティ HTMLImageElement.naturalWidth および HTMLImageElement.naturalHeight によって反映されます。

コンストラクターでサイズが指定されていない場合、プロパティの両方のペアは同じ値になります。

const myImage = new Image(100, 200);
myImage.src = 'picture.jpg';
document.body.appendChild(myImage);

これは、<body> 要素内で次の HTML タグを定義するのと同じです。

<img width="100" height="200" src="picture.jpg" />

DW("DOM")