细心的读者可能发现，在通过不断重绘画面以达到动画效果的过程中，我们的重绘方法首先做的事情都是调用 clearRect(x, y, width, height) 方法将原画面清空，这种销毁而后重绘的方式丢失了之前的画面，使得开发人员不得不重绘整幅画面，这在性能上是难以接受的，一种可行的做法是通过多个 canvas 叠加的方式，根据不同 canvas 上的不同刷新频率，分别完成各自的重绘任务。这种多 canvas 技巧，在处理绘图类应用中最为常见的“撤销”操作时也非常有效，所有的绘图都发生在上层 canvas，只有被用户确认的画面，才会被绘制到底层 canvas 上。鉴于本文所讨论技术范围，这里不做过多讲解，有兴趣的读者可以通过本文参考文献所列资源，进行进一步的深入学习。

总结

本文对 HTML5 新引入的 canvas 元素在 Web 绘图中所扮演的角色和所发挥的作用做了最基本的介绍，其中包括使用 canvas 完成基本的 Web 绘图，动画和交互任务，虽然 Flash，Silverlight 也都可以完成相同的任务，甚至在性能上更胜一筹，但是作为一种不依赖任何插件的标准 Web 像素级绘图技术，我们有理由相信随着各大浏览器厂商的加入，canvas 将会更加成熟完善，也会有更多基于 canvas 的绘图类应用不断涌现。