注冊(cè)

微信小程序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)店目錄

第一部分:小商店是什么

第二部分:如何開(kāi)通一個(gè)小商店

第三部分:如何登錄小商店

第四部分:開(kāi)店任務(wù)常見(jiàn)問(wèn)題

第五部分:小商店可以賣(mài)什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開(kāi)發(fā)