H5-渐变

• createLinearGradient(x,y,x1,y1) - 创建线条渐变
• createRadialGradient(x,y,r,x1,y1,r1) - 创建一个径向/圆渐变

• 当我们使用渐变对象，必须使用两种或两种以上的停止颜色。

  addColorStop()方法指定颜色停止，参数使用坐标来描述，可以是0至1.

  使用渐变，设置fillStyle或strokeStyle的值为 渐变，然后绘制形状，如矩形，文本，或一条线。

  使用 createLinearGradient():

  createRadialGradient(xStart, yStart, radiusStart, xEnd, yEnd, radiusEnd)

  xStart, yStart

  开始圆的圆心的坐标。

  radiusStart	开始圆的半径。
  xEnd, yEnd	结束圆的圆心的坐标。
  radiusEnd	结束圆的半径。