渐变 gradient 是一种绘图方式，它应用于颜色上,
使用渐变需要三个步骤:
1. 创建渐变对象
2. 为渐变对象设置颜色，即使用 addColorStop()函数， 指明过渡方式, addColorStop 函数允许 指定两个参数: 颜色和偏移量， 颜色参数是 指开发人员希望在偏移位置描边或填充时所使用的颜色。 偏移量是一个0.0 到 1.0 之间的数值， 代表沿着渐变线渐变的距离有多远.
3. 在context 上为填充样式或者描边样式 设置渐变。
立即学习“前端免费学习笔记（深入）”；
可以将渐变 看作是颜色沿着一条线进行缓慢地变化.
请看代码
渐变
除了上述的线性渐变以外， canvas 还支持 放射性渐变，即颜色会介于两个指定圆间的锥形区域平滑变化。
方法为 createRaddialGraddient(x0,y0, r0, x1, y1, r1); 共有 6个参数，前3个参数代表以(x0, y0) 为圆心，r0 为半径的圆， 后3个参数 代表以(x1, y1) 为圆心，r1为半径的另一个圆，渐变会在两个圆中间的区域出现.
附件，图片 gravel.jpg
以上就是HTML5之5 __Canvas: 渐变的内容，更多相关内容请关注PHP中文网（www.php.cn）！
