小程序canvas矩形圆角

可以使用canvas的arc方法来绘制圆角矩形。具体实现步骤如下：

1. 使用canvas的beginPath方法开始绘制路径。
2. 使用canvas的moveTo方法移动到矩形的左上角位置。
3. 使用canvas的lineTo方法绘制矩形的上边线。
4. 使用canvas的arcTo方法绘制矩形的右上角圆弧。
5. 使用canvas的lineTo方法绘制矩形的右边线。
6. 使用canvas的arcTo方法绘制矩形的右下角圆弧。
7. 使用canvas的lineTo方法绘制矩形的下边线。
8. 使用canvas的arcTo方法绘制矩形的左下角圆弧。
9. 使用canvas的closePath方法关闭路径。
10. 使用canvas的fill或stroke方法填充或描边矩形。

以下是一个绘制圆角矩形的示例代码：

function drawRoundRect(ctx, x, y, width, height, radius) {
  ctx.beginPath();
  ctx.moveTo(x + radius, y);
  ctx.lineTo(x + width - radius, y);
  ctx.arcTo(x + width, y, x + width, y + radius, radius);
  ctx.lineTo(x + width, y + height - radius);
  ctx.arcTo(x + width, y + height, x + width - radius, y + height, radius);
  ctx.lineTo(x + radius, y + height);
  ctx.arcTo(x, y + height, x, y + height - radius, radius);
  ctx.lineTo(x, y + radius);
  ctx.arcTo(x, y, x + radius, y, radius);
  ctx.closePath();
  ctx.fill();
}