微信小程序API繪圖createCircularGradient,創(chuàng)建微信小程序圓形漸變

—— 2017 ——

12/22

00:00

來源：

作者：未知

欄目：小程序開發(fā)

2017/12/22 0:00:00 來源：不詳作者：未知

canvasContext.createCircularGradient

定義

創(chuàng)建一個圓形的漸變顏色。

Tip: 起點在圓心，終點在圓環(huán)。

Tip: 需要使用addColorStop()來指定漸變點，至少要兩個。

參數(shù)

參數(shù)	類型	定義
x	Number	圓心的x坐標(biāo)
y	Number	圓心的y坐標(biāo)
r	Number	圓的半徑

例子

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()

更多微信小程序開發(fā)教程，可以關(guān)注。

【本站聲明】
1、本站文章中所選用的圖片及文字來源于網(wǎng)絡(luò)以及用戶投稿，由于未聯(lián)系到知識產(chǎn)權(quán)人或未發(fā)現(xiàn)有關(guān)知識產(chǎn)權(quán)的登記，如有知識產(chǎn)權(quán)人并不愿意我們使用，如果有侵權(quán)請立即聯(lián)系。
2、本網(wǎng)站不對文章中所涉及的內(nèi)容真實性、準(zhǔn)確性、可靠性負責(zé)，僅系客觀性描述，如您需要了解該類商品/服務(wù)詳細的資訊，請您直接與該類商品/服務(wù)的提供者聯(lián)系。

KESION 科汛軟件
KESION 科汛軟件是國內(nèi)領(lǐng)先的在線教育軟件及私域社交電商軟件服務(wù)提供商，長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺解決方案。
公司核心產(chǎn)品云開店SaaS社交電商服務(wù)平臺、在線教育SaaS服務(wù)平臺、教育企業(yè)數(shù)字化SaaS云平臺、企微營銷助手、私有化獨立部署品牌網(wǎng)校和在線教育咨詢等。
KESION 不斷通過技術(shù)創(chuàng)新，提供產(chǎn)品和服務(wù)，助力企業(yè)向數(shù)字化轉(zhuǎn)型，通過科技驅(qū)動商業(yè)革新，讓商業(yè)變得更智慧！

▼點擊進入科汛官網(wǎng)了解更多

熱門標(biāo)簽

微信小程序開發(fā) 微信小程序

上/下篇

微信小程序API繪圖createLinearGradient,創(chuàng)建微信小程序線性漸變

繪圖接口和方法 canvasContext.createLinearGradient 定義創(chuàng)建一個線性的漸變顏色。 Tip : 需要使用 addColorStop() 來指定漸變點，至少要兩個。參

微信小程序開發(fā)微信小程序 2017/12/22 0:00:00
微信小程序API繪圖addColorStop,創(chuàng)建微信小程序顏色漸變點

繪圖接口和方法 canvasContext.addColorStop 定義創(chuàng)建一個顏色的漸變點。 Tip : 小于最小 stop 的部分會按最小 stop 的 color 來渲染，大于最大 stop

微信小程序開發(fā)微信小程序 2017/12/22 0:00:00