Context对象中拥有drawImage()方法可以将外部图片绘制到Canvas中。
1、drawImage(image, dx, dy);
2、drawImage(image, dx, dy,dw, dh);
3、drawImage(image, sx, sy,sw, sh, dx, dy, dw, dh);
下图展示了原型中各参数的含义：
其中，image参数可以是HTMLImageElement、HTMLCanvasElement或者HTMLVideoElement。第三个方法原型中的sx、sy在前两个中均为0，sw、sh均为image本身的宽和高；第二和第三个原型中的dw、dh在第一个中也均为image本身的宽和高。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
HTML5图片的画法详解