当前位置：文江博客知识库简体中文文档 Web API HTMLImageElement Image

Image() - Web API 接口参考编辑

Image()函数将会创建一个新的HTMLImageElement实例。

它的功能等价于 document.createElement('img')

语法

Image(width, height)

参数

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

示例

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

上面的代码相当于在 <body>中定义了下面的HTML:

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

Note: 无论构造函数中指定的大小是多少，都会加载整个位图. 如果在构造时指定了尺寸信息，那么将会反应在实例的 HTMLImageElement.width 和 HTMLImageElement.height 属性上。图像自身的CSS像素值将会反应在HTMLImageElement.naturalWidth 和 HTMLImageElement.naturalHeight属性。如果没有指定值，那么两个属性的值相同

规范

Specification	Status	Comment
HTML Living Standard Image()	Living Standard

兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!