CanvasContext.createCircularGradient

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

# 方法参数

Number x,Number y,Number z

参数名 属性 必填 默认值 说明
x Number 圆心的 x 坐标
y Number 圆心的 y 坐标
z Number 圆的半径

# 示例

在开发者工具中预览效果

# 扫码体验

请使用百度APP扫码

# 图片示例

图片

# 代码示例

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