微信小程序API 绘图·填充矩形

在微信小程序的 Canvas API 中，填充矩形可以使用 fillRect 方法。以下是一个简单的示例代码：

// 获取上下文
const context = wx.createCanvasContext('myCanvas');

// 定义矩形的位置和尺寸
const x = 50; // 矩形左上角 x 坐标
const y = 50; // 矩形左上角 y 坐标
const width = 100; // 矩形宽度
const height = 80; // 矩形高度

// 设置填充颜色
context.setFillStyle('red'); // 例如，将矩形填充颜色设置为红色

// 使用 fillRect 方法填充矩形
context.fillRect(x, y, width, height);

// 绘图上下文的渲染
context.draw();

在上述代码中，我们使用 fillRect 方法填充了一个矩形。你需要提供矩形的左上角坐标 (x 和 y) 以及宽度 (width) 和高度 (height)。通过 setFillStyle 方法设置填充颜色。

这个例子中填充颜色是红色，你可以根据需要将颜色更改为任何你想要的颜色。

转载请注明出处：http://www.zyzy.cn/article/detail/986/微信小程序