canvasContext.addColorStop

解释：创建一个颜色的渐变点。

参数：

参数名类型说明
stopNumber(0-1)表示渐变点在起点和终点中的位置
colorColor渐变点的颜色

示例：

  1. const ctx = swan.createCanvasContext('myCanvas');

    // Create circular gradient
    const grd = ctx.createLinearGradient(30, 10, 120, 10);
    grd.addColorStop(0, 'red');
    grd.addColorStop(0.16, 'orange');
    grd.addColorStop(0.33, 'yellow');
    grd.addColorStop(0.5, 'green');
    grd.addColorStop(0.66, 'cyan');
    grd.addColorStop(0.83, 'blue');
    grd.addColorStop(1, 'purple');

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

图片

说明：addColorStop 目前在 Android 有bug。