html5中的图像

canvas的绘图上下文中定义了几种绘制图片的方法：

1、drawIamge(image,dx,dy)接受一个图片，并将之画到canvaa中。给出的坐标（dx,dy）代表图片的左上角。比如，坐标（0，0）将把图片画到canvas的左上角。

2、drawIamge(image,dx,dy,dw,dh)接受一个图片，将其缩放为宽度dw和高度dh，然后把它画到canvas上的(dx,dy)位置。

3、drawIamge(image,sx,sy,sw,sh,dx,dy,dw,dh)接受一个图片，通过参数（sx,sy,sw,sh）指定图片裁剪的范围，缩放到(dw,dh)的大小，最后把它画到canvas上的(dx,dy)位置。

要在canvas上绘制图像，需要一先有一个图片。这个图片可以是已经存在的<img>元素，或者通过JS创建。无论采用哪种方式，都需要在绘制canvas之前，完全加载这张图片。浏览器通常会在页面脚本执行的同时异步加载图片。如果试图在图片未完全加载之前就将其呈现到canvas上，那么canvas将不会显示任何图片。