2023年微信小程序API 繪圖createLinearGradient（創(chuàng)建線性漸變）
作者: --時間: 2025-04-23 09:32:56
閱讀量：
微信小程序API中，createLinearGradient方法可以創(chuàng)建一個線性的漸變顏色。使用addColorStop()方法指定漸變點(diǎn)，并至少需要兩個。下面是該方法的參數(shù)和示例：
1. 參數(shù)
| 參數(shù) | 類型 | 定義 |
|---|---|---|
| x0 | Number | 起點(diǎn)的x坐標(biāo) |
| y0 | Number | 起點(diǎn)的y坐標(biāo) |
| x1 | Number | 終點(diǎn)的x坐標(biāo) |
| y1 | Number | 終點(diǎn)的y坐標(biāo) |
2. 示例
const ctx = wx.createCanvasContext('myCanvas')
// 創(chuàng)建線性漸變
const grd = ctx.createLinearGradient(0, 0, 200, 0)
grd.addColorStop(0, 'red')
grd.addColorStop(1, 'white')
// 用漸變填充矩形
ctx.setFillStyle(grd)
ctx.fillRect(10, 10, 150, 80)
ctx.draw()
除了createLinearGradient方法，微信小程序提供了很多有用的繪圖接口和方法，比如createCircularGradient、setStrokeStyle和setShadow等，這些方法可以幫助開發(fā)者創(chuàng)建更加豐富多彩的小程序頁面。
上一篇：2023年微信小程序API 繪圖setShadow（設(shè)置陰影樣式）
下一篇：2023年微信小程序API 繪圖createCircularGradient（創(chuàng)建圓形漸變）
-
B2B2C多用戶商城系統(tǒng)支持企業(yè)自營與商戶入駐模式共存 會員一站式精細(xì)化營銷工具 多用戶分銷，帶來爆發(fā)式增長
系統(tǒng)支持平臺自營+供應(yīng)商店鋪共存的經(jīng)營模式(類天貓&京東模式)，幫助企業(yè)打造生態(tài)級商業(yè)平臺為目的的電子商務(wù)系統(tǒng)。
免費(fèi)試用系統(tǒng) -
B2B2B電商交易系統(tǒng)優(yōu)化供應(yīng)鏈協(xié)作 授信及賬期支付 商品按照數(shù)量階梯設(shè)價
全渠道訂貨/采購及經(jīng)銷商管理數(shù)字化系統(tǒng),實(shí)現(xiàn)供應(yīng)鏈整合和交易便捷化。
免費(fèi)試用系統(tǒng) -
S2B2B電商交易系統(tǒng)供銷一體化，提高市場集中度 集團(tuán)管控一體化，有效實(shí)現(xiàn)供需匹配 移動應(yīng)用一體化，提高運(yùn)營綜合效率
上下游資源整合數(shù)字化解決方案，賦能產(chǎn)業(yè)供應(yīng)鏈，構(gòu)建產(chǎn)業(yè)互聯(lián)網(wǎng)生態(tài)體系。
免費(fèi)試用系統(tǒng)
更多產(chǎn)品任你選
掃碼免費(fèi)領(lǐng)取運(yùn)營資料包
多用戶商城平臺系統(tǒng)