大學(xué)生新聞網(wǎng)，大學(xué)生新聞發(fā)布平臺(tái)
小程序創(chuàng)建一個(gè)圓形的漸變顏色CanvasContext.createCircularGradient
CanvasGradient CanvasContext.createCircularGradient(number x, number y, number r)
小程序插件：支持
創(chuàng)建一個(gè)圓形的漸變顏色。起點(diǎn)在圓心，終點(diǎn)在圓環(huán)。返回的CanvasGradient對(duì)象需要使用 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()
小程序插件：支持
創(chuàng)建一個(gè)圓形的漸變顏色。起點(diǎn)在圓心，終點(diǎn)在圓環(huán)。返回的CanvasGradient對(duì)象需要使用 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()
- 作者：大學(xué)生新聞網(wǎng) 來源：大學(xué)生新聞網(wǎng)
- 發(fā)布時(shí)間：2025-04-12 閱讀：
- 掃一掃 分享悅讀
- 小程序畫布對(duì)指定的圖像創(chuàng)建模式的方法CanvasContext.createPatt
- CanvasContext.createPattern(string image, string repetition)
- 04-12 關(guān)注：0
- 小程序創(chuàng)建一個(gè)圓形的漸變顏色CanvasContext.createCircularGrad
- CanvasGradient CanvasContext.createCircularGradient(number x, number y, number r)
- 04-12 關(guān)注：0
- 小程序畫布創(chuàng)建一個(gè)線性的漸變顏色CanvasContext.createLinearGr
- CanvasGradient CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)
- 04-12 關(guān)注：0
- 小程序畫布draw用法CanvasContext.draw
- CanvasContext.draw(boolean reserve, function callback)
- 04-12 關(guān)注：1
- 小程序canvas 組件的繪圖上下文CanvasContext
- canvas 組件的繪圖上下文。CanvasContext 是舊版的接口， 新版 Canvas 2D 接口與 Web 一致。
- 04-12 關(guān)注：1
- 小程序畫布犯創(chuàng)建圖片展示的 data URI Canvas.toDataURL
- string Canvas.toDataURL(string type, number encoderOptions)
- 04-12 關(guān)注：1
- 小程序畫布創(chuàng)建 Path2D 對(duì)象Canvas.createPath2D
- Path2D Canvas.createPath2D(Path2D path)
- 04-12 關(guān)注：1
- 小程序畫布創(chuàng)建一個(gè) ImageData 對(duì)象Canvas.createImageData
- ImageData Canvas.createImageData()創(chuàng)建一個(gè) ImageData 對(duì)象。僅支持在 2D Canvas 中使用。
- 04-11 關(guān)注：2
-
客服QQ：471708534 大學(xué)生新聞網(wǎng)©版權(quán)所有