4-2 canvas图片加载花式填坑

canvas的drawImage()，负责将位图剪裁，缩放，放置到画布上。并且进行渲染。

image:所要绘制的图像。

对于drawImage(image, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight) 常用有图片的裁剪。

其参数含义是原来image上从某一个位置开始(sourceX,sourceY)，指定长宽进行剪切(sourceWidth, sourceHeight),然后将剪切的内容放到位置为(destX,destY),宽度为(destWidth),高度为(destHeight)的位置上，当然裁剪后的会覆盖原来的图片。

这个时候图片并没有渲染出来，因为有ResourceLoader，保证图片资源加载完了之后才能渲染。改成如下：这里用一个箭头函数关于this的问题，有别于传统的回调方式。