微信小程序API繪圖setShadow,設(shè)置微信小程序陰影樣式
2017-12-22
導(dǎo)讀:繪圖接口和方法 canvasContext.setShadow 定義 設(shè)置陰影樣式。 Tip : 如果沒(méi)有設(shè)置,offsetX 默認(rèn)值為0, offsetY 默認(rèn)值為0, blur 默認(rèn)值為0,color 默認(rèn)值為 black 。 參數(shù) 參數(shù) 類(lèi)型 范圍 定義 off...
canvasContext.setShadow
定義
設(shè)置陰影樣式。
Tip: 如果沒(méi)有設(shè)置,offsetX 默認(rèn)值為0, offsetY 默認(rèn)值為0, blur 默認(rèn)值為0,color 默認(rèn)值為black
。
參數(shù)
參數(shù) | 類(lèi)型 | 范圍 | 定義 |
---|---|---|---|
offsetX | Number | 陰影相對(duì)于形狀在水平方向的偏移 | |
offsetY | Number | 陰影相對(duì)于形狀在豎直方向的偏移 | |
blur | Number | 0~100 | 陰影的模糊級(jí)別,數(shù)值越大越模糊 |
color | Color | 陰影的顏色 |
例子
const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.setShadow(10, 50, 50, 'blue')
ctx.fillRect(10, 10, 150, 75)
ctx.draw()
更多微信小程序開(kāi)發(fā)教程,可以關(guān)注hi小程序。
第二部分:如何開(kāi)通一個(gè)小商店