小程序畫布創(chuàng)建一個(gè)線性的漸變顏色CanvasContext.createLinearGradient
CanvasGradient CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)
小程序插件:支持
創(chuàng)建一個(gè)線性的漸變顏色。返回的CanvasGradient對(duì)象需要使用 CanvasGradient.addColorStop() 來指定漸變點(diǎn),至少要兩個(gè)。
參數(shù)
number x0
起點(diǎn)的 x 坐標(biāo)
number y0
起點(diǎn)的 y 坐標(biāo)
number x1
終點(diǎn)的 x 坐標(biāo)
number y1
終點(diǎn)的 y 坐標(biāo)
返回值
CanvasGradient
示例代碼
const ctx = wx.createCanvasContext('myCanvas')
// Create linear gradient
const grd = ctx.createLinearGradient(0, 0, 200, 0)
grd.addColorStop(0, 'red')
grd.addColorStop(1, 'white')
// Fill with gradient
ctx.setFillStyle(grd)
ctx.fillRect(10, 10, 150, 80)
ctx.draw()
作者:大學(xué)生新聞網(wǎng) 來源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-04-12 閱讀: