注意：一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内（不能访问画布上的其他区域）。您也可以在使用 clip() 方法前通过使用 save() 方法对当前画布区域进行保存，并在以后的任意时间对其进行恢复（通过 restore() 方法）。

closePath()方法创建当前点回到起始点的路径。

其他样式属性：

lineCap 设置或返回线条的结束端点样式，可能值： butt|round|square（平直边缘|圆形线帽|正方形线帽） 

lineJoin 设置或返回两条线相交时，所创建的拐角类型，可能值：bevel|round|miter（斜角|圆角|尖角（默认值））

lineWidth 设置或返回当前的线条宽度。  

miterLimit 正数，设置或返回最大斜接长度。如果斜接长度超过 miterLimit 的值，边角会以 lineJoin 的 "bevel" 类型来显示。

fillStyle  设置填充色

strokeStyle  设置绘制线色

颜色格式：

//可直接用颜色名称

'red' 'green'

//十六进制颜色

'#d9d9d9'

//rgb

rgb(0,0,0)

//rgba

rgba(0,0,0,1)

（5）设置渐变色

线性渐变

createLinearGradient方法用来设置渐变色。

var gradient = ctx.createLinearGradient(0, 0, 0, 160);    

gradient.addColorStop(0, "#BABABA");    

gradient.addColorStop(1, "#636363");

createLinearGradient()方法的参数是(x1, y1, x2, y2)，其中x1和y1是起点坐标，x2和y2是终点坐标。通过不同的坐标值，可以生成从上至下、从左到右的渐变等等。

使用方法：

ctx.fillStyle = myGradient;  

ctx.fillRect(10,10,200,100);

环形渐变