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 Standard # dom-image-dev |
浏览器兼容性
BCD tables only load in the browser