13、strokeStyle 是用于设置图形轮廓的颜色，而 fillStyle 用于设置填充颜色。color 可以是表示 CSS 颜色值的字符串，渐变对象或者图案对象。默认情况下，线条和填充颜色都是黑色(CSS 颜色值 #000000)。
14、图像透明度可以用globalAlpha = transparency value或者rgba颜色值来表示
15、lineWidth 属性设置当前绘线的粗细，为解决1px线宽bug问题，采用+0.5的方式来解决
16、lineCap 属性最左边的线用了默认的 butt 。可以注意到它是与辅助线齐平的。中间的是 round 的效果，端点处加上了半径为一半线宽的半圆。右边的是 square 的效果，端点处加上了等宽且高度为一半线宽的方块
17、lineJoin 属性这里我同样用三条折线来做例子，分别设置不同的 lineJoin 值。最上面一条是 round 的效果，边角处被磨圆了，圆的半径等于线宽。中间和最下面一条分别是 bevel 和 miter 的效果。当值是 miter 的时候，线段会在连接处外侧延伸直至交于一点，延伸效果受到下面将要介绍的 miterLimit 属性的制约
18、save 和 restore 方法是用来保存和恢复 canvas 状态的，都没有参数。Canvas 的状态就是当前画面应用的所有样式和变形的一个快照。Canvas 状态是以堆(stack)的方式保存的，每一次调用 save 方法，当前的状态就会被推入堆中保存起来。每一次调用 restore 方法，上一个保存的状态就从堆中弹出，所有设定都恢复。
19、transform(1, 0, 0, 1, 0, 0)参数分别表示水平方向缩放、水平方向旋转（顺时针）、垂直方向旋转（逆时针）、垂直方向缩放、水平方向偏移量、垂直方向偏移量
setTransform(1, 0, 0, 1, 0, 0)表示重置前一个变换矩阵然后构建新的矩阵，参数作用同上
rotate(angle)，（一个半径等于1弧度，2πr/r=弧度即360=2π，即1=π/180）
20、动画其实就是不断清空画板（clearRect()），然后重绘
