小程序創(chuàng)建一個(gè)圓形的漸變顏色CanvasContext.createCircularGradient

CanvasGradient CanvasContext.createCircularGradient(number x, number y, number r)
小程序插件：支持
創(chuàng)建一個(gè)圓形的漸變顏色。起點(diǎn)在圓心，終點(diǎn)在圓環(huán)。返回的CanvasGradient對象需要使用 CanvasGradient.addColorStop() 來指定漸變點(diǎn)，至少要兩個(gè)。

參數(shù)
number x
圓心的 x 坐標(biāo)

number y
圓心的 y 坐標(biāo)

number r
圓的半徑

返回值
CanvasGradient
示例代碼

const ctx = wx.createCanvasContext('myCanvas')
 
// Create circular gradient
const grd = ctx.createCircularGradient(75, 50, 50)
grd.addColorStop(0, 'red')
grd.addColorStop(1, 'white')
 
// Fill with gradient
ctx.setFillStyle(grd)
ctx.fillRect(10, 10, 150, 80)
ctx.draw()