1、打开网页编辑器,在网页输入带有<canvas>标签的代码,并定义id和大小
2、在<script>标签内写入获取画布canvas，在画布上定义2d环境的画笔
3、使用fillStyle设置填充的颜色,使用fillRect()方法填充矩形框
4、使用moveTo()绘制一点,使用lineTo()绘制一条线,stroke()进行实际的绘制
5、绘制圆使用arc()函数,定义路径开始beginPath()
6、使用fillText()方法绘制文字,定义文字和坐标
7、总结:
canvas画布首先定义画布
然后使用脚本定义绘制的形状
