图片裁剪

最后一个drawImage方法的功用是对图像进行裁剪。drawImage(image,sourceX,sourceY,sourceWidth,sourceHeight,destX,destY,destWidth, destHeight)

参数很多，但基本上你可以把它想成从原图中取出一个矩形区域，然后把它画到画布上目标区域里。

var canvas = document.getElementById(‘myCanvas’);

var ctx = canvas.getContext(’2d’);ctx.drawImage(myImage,

                0, 0, 50, 50, 25, 25, 100, 100);

ctx.drawImage(myImage, 125, 125, 100, 100, 125, 125, 150, 150);

ctx.drawImage(myImage, 80, 80, 100, 100, 250, 250, 220, 220);