第168页 7.1 高级Canvas绘图

context提供了drawImage()方法，用于在画布上绘制图片。参数是图片对象和起点坐标：
var img = new Image();
img.onload = function(){
    context.drawImage(img, 10, 10);
}

img.src = "maze.png";

可以给drawImage()函数传递一些可选的参数，从而影响在画布上绘制图片的方式。首先，如果想改变图片的大小，可以添加宽度和高度，例如：
context.drawImage(img, 10, 10, 30, 30);

如果想裁剪掉一部分图片，可以再为drawImage()函数传入4个参数，这四个参数从img对象后面开始。含义如下：
context.drawImage(img, source_x, source_y, source_width, source_height, x, y, width, height);