Wxml2Canvas 圆角

Wxml2Canvas 支持圆角的绘制，可以通过以下方式实现：

1. 绘制矩形时设置圆角

可以使用 `context.arcTo()` 方法在矩形的四个角上绘制圆角。例如，绘制一个宽度为 100，高度为 50，圆角半径为 10 的矩形：

context.beginPath();
context.moveTo(x + 10, y);
context.lineTo(x + 90, y);
context.arcTo(x + 100, y, x + 100, y + 10, 10);
context.lineTo(x + 100, y + 40);
context.arcTo(x + 100, y + 50, x + 90, y + 50, 10);
context.lineTo(x + 10, y + 50);
context.arcTo(x, y + 50, x, y + 40, 10);
context.lineTo(x, y + 10);
context.arcTo(x, y, x + 10, y, 10);
context.closePath();
context.fill();

2. 绘制圆角矩形

Wxml2Canvas 还提供了 `context.roundRect()` 方法，可以直接绘制圆角矩形。例如，绘制一个宽度为 100，高度为 50，圆角半径为 10 的矩形：

context.roundRect(x, y, 100, 50, 10).fill();

注意，`context.roundRect()` 方法需要在 Wxml2Canvas 1.1.0 或以上版本中才能使用。