CanvasContext.createCircularGradient

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

方法参数

Number x，Number y，Number z

参数名属性必填默认值说明
xNumber是圆心的 x 坐标
yNumber是圆心的 y 坐标
zNumber是圆的半径

示例

在开发者工具中预览效果

扫码体验

CanvasContext.createCircularGradient - 图1请使用百度APP扫码

图片示例

图片

代码示例

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  3. // Create circular gradient
  4. const grd = canvasContext.createCircularGradient(75, 50, 50);
  5. grd.addColorStop(0, 'red');
  6. grd.addColorStop(1, 'blue');
  8. // Fill with gradient
  9. canvasContext.setFillStyle(grd);
  10. canvasContext.fillRect(30, 30, 150, 80);
  11. canvasContext.draw();