html5 两个canvas重叠放在一个div里面，每个canvas各填充一张图片，代码怎么写？

1、首先素材准备，基本框架的建立。这里让一个有字的图片从左到右运动起来。

2、将图片素材引入网页，定义canvas标签，获取canvas的上下文。定义一个画图片的函数，使用canavs绘图API里面的drawImage来完成。

3、写一个更新的函数，因为我们要让他动起来，所以每时刻绘制的地方都不一样。注意：这里要用clearRect，这个函数，主要是为了清空画布。

4、写定时函数，每隔0.2秒就更新一次，重新绘制。

5、最后来看看最终的效果，就完成了。

mental canvas可以导入图片。

画布用canvas作画，首先，你需要有一块“画布”。如果你的书架里面没有画布，你可以买一卷回来放进去。当然，在网页里面我们不需要花钱买，直接写一个canvas即可。

接着讲解“插入图片和设置”的四个步骤：插入图片——调整图片的大小——设置图片版式——移动图片，然后总结 *** 作步骤，最后让学生大显身手。 

mental canvas设计思路：

一般情况下，人们对于word文档的使用仅仅是使用了编写文字的一部分作用，其中很多的功能都没忽略了。使用图片来进行美化，就是其中一个功能。我们先设计教学情境，在作文中插入图片，美化作文，也使作文的感染力大大加强。进而通过本微课，学习图片的插入方法。