Image()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Image() 构造函数用于创建一个新的 HTMLImageElement 实例。它的功能等价于 document.createElement('img')。
语法
js
new Image()
new Image(width)
new Image(width, height)
参数
示例
js
var myImage = new Image(100, 200);
myImage.src = "picture.jpg";
document.body.appendChild(myImage);
上面的代码相当于在 <body>中定义了下面的 HTML:
html
<img width="100" height="200" src="picture.jpg" />
备注：
无论构造函数中指定的大小是多少，都会加载整个位图。如果在构造时指定了尺寸信息，那么将会反应在实例的 HTMLImageElement.width 和 HTMLImageElement.height 属性上。图像自身的 CSS 像素值将会反应在HTMLImageElement.naturalWidth 和 HTMLImageElement.naturalHeight属性。如果没有指定值，那么两个属性的值相同
规范
| Specification |
|---|
| HTML # dom-image-dev |