上一篇我们介绍了WebGL程序是使用了HTML和JaveScript来创建和显示3D图形的。在HTML5中新加入了<canvas>标签，它定义了网页上的绘图区域。如果没有WebGL，JavaScript只能在<canvas>上绘制二维图形，有了WebGL，就可以在上面绘制三维图形了。换句话说，<canvas>就是承载WebGL的容器。

　　在HTML5之前，如果需要在网页上显示图像，只能使用<img>标签，但只能显示静态图片，不能提供实时绘制和渲染。因此，后来出现了一些第三方解决方案，如Flash、Silverlight等；但是这些第三方解决方案的最大问题就是需要安装插件。

　　HTML5引入了<canvas>标签，允许JavaScript动态地绘制图形，并且不需要按照任何插件。

　　上面说到，<canvas>定义了一个绘图区域，在这个区域中，使用JavaScript可以绘制任何你想画的东西，比如：点、线、矩形、圆。这是一个基于<canvas>的绘图板程序，你可以在上面随意绘制任何形状，改变其颜色，甚至回放你的绘制过程。

二、认识Canvas