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

规范

Specification Status Comment
HTML Living Standard
Image()
Living Standard  

兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
支持情况 (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Android Webview Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
支持情况 (Yes) (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

文档标签和贡献者

标签: 
 此页面的贡献者: moonou, 2lei, yuduxyz
 最后编辑者: moonou,