微信小程序API 绘图·clearRect

clearRect 方法用于在 Canvas 上清除矩形区域的内容。以下是一个简单的示例代码，演示如何使用 clearRect 方法：

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

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

// 在 Canvas 上绘制一个矩形（用于演示）
context.rect(x, y, width, height);
context.setFillStyle('red');
context.fill();

// 清除矩形区域的内容
context.clearRect(x, y, width, height);

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

在上述代码中，我们首先使用 rect 方法绘制了一个红色的矩形，然后使用 clearRect 方法清除相同的矩形区域的内容。这就会使矩形区域变为透明。

你可以根据需要调整矩形的位置、尺寸，或者将其应用到实际的绘图场景中。

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