canvas圆锥形渐变（图文示例）

查看专栏目录

canvas示例教程100+专栏，提供canvas的基础知识，高级动画，相关应用扩展等信息。canvas作为html的一部分，是图像图标地图可视化的一个重要的基础，学好了canvas，在其他的一些应用上将会起到非常重要的帮助。

如何使用canvas设置圆锥形渐变呢？ canvas createConicGradient() 方法返回一个圆锥形 CanvasGradient。 要应用于形状，必须首先将渐变指定给 fillStyle 或 strokeStyle 属性。

圆锥形渐变语法及参数

createConicGradient(startAngle, x, y)

参数 image

startAngle：起始的角度（正向右开始）
x，y：圆锥的中心点

示例效果图