【HTML】Canvas(3)-绘制图片

开发游戏的时候，游戏中的地图、背景、任务、物品等都是由图片组成的，这次我们来谈谈在canvas中如何操作图片吧。

       canvas中提供了drawImage函数和putImageData函数来绘制图片。

       drawImage()函数有3种函数原型，语法如下：

       drawImage(image,dx,dy);

       drawImage(image,dx,dy,dw,dh);

       drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh);

       参数一image是要绘制的对象，这个参数可以是HTMLImageELement、HTMLCanvasElement、HTMLVideoElement,

       dx,dy是image在canvas中定位的坐标值，

       dw,dh表示image在canvas中即将绘制的区域（相对dx和dy坐标的偏移量）的宽度和高度值，

       sx,sy是image所要绘制的起始位置，

       sw,sh是image所要绘制的区域（相对image的sx和sy坐标的偏移量）的宽度和高度值

      

       先准备好HTML