1、新建一个html页面，文件名为test.html，用于绘制圆形。
2、通过HTML5中的canvas元素创建一张宽200px，高200px的画布，用于绘制圆形。
3、为了方便查看，给canvas画布一个边框，并且给canvas一个id（这个很重要，用于后面使用js绘制圆形）。
4、运行以上代码，在浏览器可以看到已成功绘制一张画布。
5、使用JS获得画布对象，主要用于操作画布，在画布上实现圆形的绘制。
6、通过JS中的getContext（）方法，设置绘制图片的环境，传入一个参数2d，表示绘制2d图案。
7、对绘制的环境进行定义，fillStyle（）定义圆的颜色，arc（）定义圆的大小和坐标，fill（）用于使用定义的参数填充圆形。
8、运行以上代码，在浏览器可以看到已成功绘制一个圆形。
