CanvasContext.createCircularGradient

简介

CanvasContext.createCircularGradient 用于创建一个圆形的渐变色。起点在圆心，终点在圆环。需要使用 addColorStop() 来指定渐变点，至少需要两个渐变点。

扫码体验

undefined

效果示例

画布.gif

示例代码

//.js
const ctx = my.createCanvasContext('canvas')


const grd = ctx.createCircularGradient(90, 60, 60)
grd.addColorStop(0, 'blue')
grd.addColorStop(1, 'red')


ctx.setFillStyle(grd)
ctx.fillRect(20, 20, 250, 180)
ctx.draw()

显示效果如下图所示： ctx.圆圈渐变.png

入参

Object 类型，属性如下：

属性	类型	描述
x	Number	圆心 x 坐标。
y	Number	圆心 y 坐标。
r	Number	圆半径。