CanvasContext.createCircularGradient

簡介

CanvasContext.createCircularGradient 用于創(chuàng)建一個圓形的漸變色。起點在圓心，終點在圓環(huán)。需要使用 addColorStop() 來指定漸變點，至少需要兩個漸變點。

掃碼體驗

效果示例

示例代碼

//.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()

顯示效果如下圖所示：

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	描述
x	Number	圓心 x 坐標。
y	Number	圓心 y 坐標。
r	Number	圓半徑。