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)

参数

width

图片的宽度 (即 width 属性).

height

图片的高度 (即 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.widthHTMLImageElement.height 属性上。图像自身的 CSS 像素值将会反应在HTMLImageElement.naturalWidthHTMLImageElement.naturalHeight属性。如果没有指定值,那么两个属性的值相同

规范

Specification
HTML Standard
# dom-image-dev

浏览器兼容性

BCD tables only load in the browser