Image

Image allows you to add an image.

Attributes

Name	Type	Default Value	Mandatory	Description
src	string	-	Yes	Image resource path.
width	<length>	0px	No	Image width.
height	<length>	0px	No	Image height.
onload	Function	-	No	Called when an image is successfully loaded. This function has no parameter.
onerror	Function	-	No	Called when an image fails to be loaded. This function has no parameter.

Example

<!-- xxx.hml -->
<div>
  <canvas ref="canvas" style="width: 500px; height: 500px; "></canvas>
</div>

//xxx.js
export default {
  onShow(){
    const el =this.$refs.canvas
    var ctx =el.getContext('2d');
    var img = new Image();
    img.src = 'common/images/example.jpg';
    img.onload = function() {
    console.log('Image load success');
    ctx.drawImage(img, 0, 0, 360, 250);
   };
    img.onerror = function() {
    console.log('Image load fail');
    };
  }
}