大學生新聞網，大學生新聞發布平臺
小程序畫布創建一個線性的漸變顏色CanvasContext.createLinearGradient
CanvasGradient CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)
小程序插件：支持
創建一個線性的漸變顏色。返回的CanvasGradient對象需要使用 CanvasGradient.addColorStop() 來指定漸變點，至少要兩個。
參數
number x0
起點的 x 坐標
number y0
起點的 y 坐標
number x1
終點的 x 坐標
number y1
終點的 y 坐標
返回值
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()
小程序插件：支持
創建一個線性的漸變顏色。返回的CanvasGradient對象需要使用 CanvasGradient.addColorStop() 來指定漸變點，至少要兩個。
參數
number x0
起點的 x 坐標
number y0
起點的 y 坐標
number x1
終點的 x 坐標
number y1
終點的 y 坐標
返回值
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()
- 作者：大學生新聞網 來源：大學生新聞網
- 發布時間：2025-04-12 閱讀：
- 掃一掃 分享悅讀
- 小程序創建一個圓形的漸變顏色CanvasContext.createCircularGrad
- CanvasGradient CanvasContext.createCircularGradient(number x, number y, number r)
- 04-12 關注：0
- 小程序畫布創建一個線性的漸變顏色CanvasContext.createLinearGr
- CanvasGradient CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)
- 04-12 關注：0
- 小程序畫布draw用法CanvasContext.draw
- CanvasContext.draw(boolean reserve, function callback)
- 04-12 關注：1
- 小程序canvas 組件的繪圖上下文CanvasContext
- canvas 組件的繪圖上下文。CanvasContext 是舊版的接口， 新版 Canvas 2D 接口與 Web 一致。
- 04-12 關注：1
- 小程序畫布犯創建圖片展示的 data URI Canvas.toDataURL
- string Canvas.toDataURL(string type, number encoderOptions)
- 04-12 關注：1
- 小程序畫布創建 Path2D 對象Canvas.createPath2D
- Path2D Canvas.createPath2D(Path2D path)
- 04-12 關注：1
- 小程序畫布創建一個 ImageData 對象Canvas.createImageData
- ImageData Canvas.createImageData()創建一個 ImageData 對象。僅支持在 2D Canvas 中使用。
- 04-11 關注：2
- 小程序取消由requestAnimationFrame 添加到計劃中的動畫幀請求
- Canvas.cancelAnimationFrame(number requestID)
- 04-11 關注：2
-
客服QQ：471708534 大學生新聞網©版權所有