canvas基础三

Canvas除了可以线画图形之外，还可以画图片，画动画

 

步骤和之前画图形的差不多，他需要使用注意先后顺序，为了看的更加清除，我将解释书写在代码注释中，来看看代码

重要的是img.onload，只有图片加载完成后才可以去绘制到画布上

看看结果：

再来看看怎么做动画。首先我们需要这样一张图片

这就是动画的素材了，然后再通过代码让他动起来

通过绘制快速的绘制不同的图片使得他看起来在走路，不过这样只能让小人执行一行里面的动作，完善一下代码，让小人可以走四个方向的。

这就实现了四个方向的动作