CanvasContext.createCircularGradient

2020-08-26 16:38 更新

解释:创建一个圆形的渐变颜色。

方法参数

Number x,Number y,Number z

参数名属性必填默认值说明

x

Number

圆心的 x 坐标

y

Number

圆心的 y 坐标

z

Number

圆的半径

示例 

在开发者工具中打开


图片示例

图片

代码示例

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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号