# Image对象
- [属性](#zh-cn_topic_0000001173164737_section1968021961113)
- [示例](#zh-cn_topic_0000001173164737_section13457717134912)
图片对象。
## 属性
属性
|
类型
|
默认值
|
必填
|
描述
|
|---|
src
|
string
|
-
|
是
|
图片资源的路径。。
|
width
|
<length>
|
0px
|
否
|
图片的宽度。
|
height
|
<length>
|
0px
|
否
|
图片的高度。
|
onload
|
Function
|
-
|
否
|
图片加载成功后触发该事件，无参数。
|
onerror
|
Function
|
-
|
否
|
图片加载失败后触发该事件，无参数。
|
## 示例
```
var ctx = this.$element('drawImage').getContext('2d');
var img = new Image();
img.src = 'common/images/huawei.jpg';
img.onload = function() {
console.log('Image load success');
ctx.drawImage(img, 0, 0, 360, 250);
};
img.onerror = function() {
console.log('Image load fail');
};
```
