canvas绘制不规则六边形以及其中几条边的阴影

需要用到的知识点有：

1、认识线条：

1.1画布栅格及坐标空间

(1)canvas元素默认被网格所覆盖。通常来说网格中的一个单元相当于canvas元素中的一像素。 (2)栅格的起点为左上角[坐标为(0,0)]所有元素的位置都相对于原点定位。

(1)canvas元素默认被网格所覆盖。通常来说网格中的一个单元相当于canvas元素中的一像素。 (2)栅格的起点为左上角[坐标为(0,0)]所有元素的位置都相对于原点定位。

1.2线条相关属性及方法

moveTo(x,y)     把路径移动到画布中的指定点，不创建线条
lineTo(x,y)         添加一个新点,绘制一条从当前位置到指定新点(x,y)位置的直线。
strokeStyle       设置或返回描边颜色
fillStyle              设置或返回填充颜色
lineWidth           设置或返回当前的线条宽度
lineJoin              设置或返回两条线相交时，所创建的拐角类型
lineCap              设置或返回线条的结束端点样式

1.3描边与填充

stroke()     描边已定义绘图（路径）
fill()            填充当前绘图（路径）

2、canvas绘制路径：

      beginPath()
         新建一条路径，生成之后，图形绘制命令被指向到路径上生成路径。生成路径的第一步叫做           beginPath()。
     closePath()
        闭合路径之后图形绘制命令又重新指向到上下文中。不是必需的。

3、绘制阴影：

         shadowColor     阴影颜色
         shadowOffsetX   X轴偏移
         shadowBlur      模糊度
         shadowOffsetY   Y轴偏移

绘制不规则六边形以及其中几条边的阴影具体代码如下：