回顾

之前已经会绘制、填充矩形了。虽然懵懂，但是api设计还是很友好的，不死死记住api，摸索一点套路，让学习事半功倍：

fill 填充
stroke 绘制
改变颜色 xxxStyle 属性接收一个字符串参数
虽然不知道对不对，但终归是自己总结的，先这么构建了自己的‘世界观’，以后感觉不对在完善自己的抽象‘认知’， 这是我的一种学习方式。

直线绘制路径--三角形

还记得初中数学学到的：点构成线、线构成面、面构成体...，要绘制一个图形我们能想到的就是一笔笔绘画，然后涂彩。

• 好吧，命令你的浏览器拿起笔，开始画画

  api： beginPath()            // 当canvas创建时 默认调用

• 你需要找一个起点/ 把你的笔在某一点做个点

  lineTo(x,y)        // xy 为坐标

• 继续在别的点做点（任意个）

  lineTo（x1,y1）

• 做点完毕 是否回到原点（闭合）

  closePath()                    -- 要不要闭合 可选

• 点做好了

  现在将点连接起来： stroke（）                        // stroke  调用绘制
     或者在区域内涂色（填充）： fill（）                     //  fill 调用填充

• 如果要修改颜色呢 xxxStyle 设置即可

  fillStyle = 'red'        // 填充颜色    
     strokeStyle    = 'blue'    // 绘制颜色

曲线绘制路径--圆形 arc

arc(x, y, r, beginAngle, endAngle, counterclockwise )    
    //  x坐标，y坐标，半径， 开始点（弧度角）， 结束点， 顺/逆时针（默认false 顺时针）

回想一下初中数学知识点：

1、 圆是以一个点为中心 到这个点为定长的点组成的图形
2、 1弧度等于弧长为r的弧所对应的圆心角
3、 圆的周长的2πr 半径r 所以圆的弧度为2π
... ...

使用这些简单的知识点就可以绘制我们想要的弧度了；

用上面的知识做点啥？

做点什么？自己实现点吧！