HTMLImageElement: Image() 构造函数
Image() 构造函数创建一个新的 HTMLImageElement 实例。它在功能上等同于 document.createElement('img')。
注意： 这个函数不应与 CSS 中的 image() 函数混淆。
语法
js
new Image()
new Image(width)
new Image(width, height)
参数
用法说明
无论在构造函数中指定了什么尺寸，整个位图都会被加载。构造函数中指定的尺寸会通过所得实例的 HTMLImageElement.width 和 HTMLImageElement.height 属性体现。图像的 CSS 像素的固有宽度和高度通过 HTMLImageElement.naturalWidth 和 HTMLImageElement.naturalHeight 属性体现。如果在构造函数中没有指定尺寸，那么这两对属性将具有相同的值。
示例
js
const myImage = new Image(100, 200);
myImage.src = "picture.jpg";
document.body.appendChild(myImage);
这相当于在 <body> 中定义了以下 HTML 标签：
html
<img width="100" height="200" src="picture.jpg" />
规范
| 规范 |
|---|
| HTML # dom-image-dev |
浏览器兼容性
加载中…