HTMLImageElement: Image() 构造函数

基线广泛可用

此功能已建立良好，可在许多设备和浏览器版本中使用。它自 2015 年 7 月.

报告反馈

Image() 构造函数创建一个新的 HTMLImageElement 实例。它在功能上等同于 document.createElement('img')。

注意：此函数不应与 CSS image() 函数混淆。

new Image()
new Image(width)
new Image(width, height)

注意：此函数不应与 CSS image() 函数混淆。

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

无论构造函数中指定的尺寸如何，整个位图都会加载。构造函数中指定的尺寸会通过属性 HTMLImageElement.width 和 HTMLImageElement.height 反映在生成的实例中。图像在 CSS 像素中的固有宽度和高度将通过属性 HTMLImageElement.naturalWidth 和 HTMLImageElement.naturalHeight 反映出来。如果构造函数中未指定尺寸，则两对属性的值相同。

这将等同于在 <body> 内定义以下 HTML 标签

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

html
规范 # HTML 标准

dom-image-dev