CanvasContext.createCircularGradient

簡介

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

掃碼體驗(yàn)

效果示例

示例代碼

//.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 坐標(biāo)。
y	Number	圓心 y 坐標(biāo)。
r	Number	圓半徑。