html5 canvas画布绘制矩形和圆形

1、新建一个html5的文档，建立一个罕铞泱殳canvas画布，设置长宽，这里需要特别注意，canvas标签可以在标签内设置width,height,也能通过css来设置，但是通过css来设置的标签，当绘制图形的时候会变形，所以我们建议直接在标签内设置。

2、canvas画布本身不能绘画，它必须通过javascript来实现它的绘画功能，getContext烫喇霰嘴('2d'),是它里面的内部对象，它里面封装了绘画的方法，大家一看见2d是不是很兴奋，但是canvas很纯洁，并没有3d功能，我们建立好了模版，可以进行下一步了。

3、绘制一个矩形，填充颜色，这里面有两个知识点，fillStyle fillRect(0,0,100,100),fillRect有四个参数，前两个代表，x,y，表示位置，后两个代表长宽。蓝色方框就是我们的显示效果