1、首先在html中准备一个画布，如下图所示，画布我们用canvas元素
2、然后我们来看一下canvas元素是怎么定义的，如下图所示
3、接下来就是运用CSS给画布声明个边框方便后面的展现，如下图所示
4、然后我们在JS的加载事件里获取到画布对象，如下图所示
5、接下来就是通过画布对象的getContext方法获取2d上下文，如下图所示，然后运用上下文的画一个矩形
6、最后我们运行程序以后，你会看到如下图所示的界面
7、综上所述，运用html5进行绘画的关键是对canvas元素的运用，其中主要运用了其上下文对象