that.ctx.fillStyle = '#1A1A1A'; // 设置 fillStyle 为黑色 that.ctx.fillRect(64, 1330, 1244, 296); // 绘制覆盖整个 Canvas 的黑色矩形 怎么改成带有8rpx圆角的矩形

在Canvas中要绘制一个带有圆角的矩形，需要使用`arcTo`方法来实现圆角效果。`arcTo`方法可以创建一个圆弧路径的切线点，连接到当前路径。首先需要确定圆角的半径和矩形的四个角的位置，然后使用`arcTo`方法绘制四个圆角。

以下是一个示例代码，展示如何在Canvas中绘制一个左上角半径为8rpx的圆角矩形：

// 假设 that.ctx 是Canvas的绘图上下文
var x = 64; // 矩形的起始x坐标
var y = 1330; // 矩形的起始y坐标
var width = 1244; // 矩形的宽度
var height = 296; // 矩形的高度
var radius = 8; // 圆角半径

// 移动到起始位置
that.ctx.beginPath();
that.ctx.moveTo(x + radius, y);

// 绘制上边圆角
that.ctx.arcTo(x + width, y, x + width, y + height, radius);

// 绘制右边圆角
that.ctx.arcTo(x + width, y + height, x, y + height, radius);

// 绘制下边圆角
that.ctx.arcTo(x, y + height, x, y, radius);

// 绘制左边圆角
that.ctx.arcTo(x, y, x + width, y, radius);

// 填充矩形
that.ctx.fillStyle = '#1A1A1A';
that.ctx.fill();

// 关闭路径
that.ctx.closePath();

请注意，这里使用的是rpx作为单位，这是一个在微信小程序中常用来做适配的相对单位。在普通的Canvas上下文中，你需要使用像素单位（px），而不是rpx。如果需要在Canvas中适配不同屏幕的尺寸，可能需要根据设备的屏幕分辨率来调整rpx到px的转换。