创建一个圆形的渐变颜色。
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
|---|---|---|---|---|---|
| x | Number | 是 | 圆心的 x 坐标 | ||
| y | Number | 是 | 圆心的 y 坐标 | ||
| z | Number | 是 | 圆的半径 |
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();
}
});