CanvasContext.setShadow

2020-08-26 16:40 更新
使用順序:setShadow(offsetX, offsetY, blur, color)。

解釋:設(shè)置陰影樣式。

方法參數(shù)

參數(shù)名屬性必填默認(rèn)值說明

offsetX

Number

陰影相對(duì)于形狀在水平方向的偏移

offsetY

Number

陰影相對(duì)于形狀在豎直方向的偏移

blur

Number

陰影的模糊級(jí)別,數(shù)值越大越模糊,范圍:0 ~ 100 。

color

Color

陰影的顏色

示例 

在開發(fā)者工具中打開


圖片示例

代碼示例

<canvas canvas-id="myCanvas" class="myCanvas" />

    Page({
        onLoad() {
            const canvasContext = swan.createCanvasContext('myCanvas');
            canvasContext.setFillStyle('blue');
            canvasContext.setShadow(15, 15, 15, 'red');
            // 也可以寫為canvasContext.setShadow(15, 15, 15, '#999');
            canvasContext.fillRect(30, 30, 150, 75);
            canvasContext.draw();
        }
    });


    以上內(nèi)容是否對(duì)您有幫助:
    在線筆記
    App下載
    App下載

    掃描二維碼

    下載編程獅App

    公眾號(hào)
    微信公眾號(hào)

    編程獅公眾號(hào)