CanvasContext.createCircularGradient

解釋?zhuān)簞?chuàng)建一個(gè)圓形的漸變顏色。

方法參數(shù)

Number x，Number y，Number z

示例 

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

圖片示例

代碼示例

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

Page({
    onLoad() {
        const canvasContext = swan.createCanvasContext('myCanvas');

        // Create circular gradient
        const grd = canvasContext.createCircularGradient(75, 50, 50);
        grd.addColorStop(0, 'red');
        grd.addColorStop(1, 'blue');

        // Fill with gradient
        canvasContext.setFillStyle(grd);
        canvasContext.fillRect(30, 30, 150, 80);
        canvasContext.draw();
    }
});