2013-5-30 23:07:41 上传

下载附件 (11.07 KB)

图2-13　有渐变树干的树

除了我们刚才用到的线性渐变以外，HTML5 Canvas API还支持放射性渐变，所谓放射性渐变就是颜色会介于两个指定圆间的锥形区域平滑变化。放射性渐变和线性渐变使用的颜色终止点是一样的，不过参数如代码清单2-17所示。

代码清单2-17　使用放射性渐变的示例

createRadialGradient(x0, y0, r0, x1, y1, r1)

复制代码

代码中，前三个参数代表以(x0,y0)为圆心，r0为半径的圆，后三个参数代表以(x1,y1)为圆心，r1为半径的另一个圆。渐变会在两个圆中间的区域出现。

本文转自：

• 共2页:
• 上一页
• 1
• 2
• 下一页