html5-canvas2-圆、矩形

今天简单给大家分享一下canvas画矩形和圆，以及圆中的弧和扇形。（注释：为了不浪费大家的时间特此注明，本人分享的都是canvas最基础的，大牛们可以路过）

如canvas上一篇一样，先建个canvas标签:

接下来还是在脚本中根据canvas提供的方法和属性对canvas进行操作：

(这节需要注意的图片上已经给了很好的注释，所以下面就不罗嗦了，另外圆的画法用法主要看图片最下面的那两行注释：ctx.lineTo()和ctx.ClosePath()两个方法)

上图方法drawRectangle（）里面是画矩形的（注释：ctx.rect()），方法drawCircle（）里面是画圆的（注释:ctx.arc()）。
最后给大家附上这次结果图：