请问UniApp中Canvas组件提供了哪些内置API，并详细说明它们各自的用途和使用步骤？

在UniApp中，Canvas组件主要用于渲染2D图形和游戏场景，它提供了一系列内置的API，这些API可以帮助开发者创建丰富的交互式内容。以下是Canvas组件的一些重要内置API及其用途：

1. **drawImage(image, x, y)**: 这个方法用于绘制图像。`image`参数可以是图片资源、数据URL或canvas的context对象，`x`和`y`则是图像在画布上开始绘制的位置。例如：

   canvas.drawImage(img, 0, 0, width, height);

2. **fillRect(x, y, width, height[, color])**: 绘制填充矩形。`x`, `y`是左上角坐标，`width`和`height`表示矩形尺寸，`color`是填充颜色，默认黑色。示例：

   canvas.fillRect(10, 10, 50, 50);

3. **strokeRect(x, y, width, height[, lineWidth], [lineColor])**: 绘制矩形边框。参数含义同fillRect，但只描边不填充。示例：

   canvas.strokeRect(60, 60, 50, 50, 3, 'red');

4. **beginPath()**: 开始一条新的路径，用于后续的绘制操作如线条和曲线。在调用此方法后，所有添加到路径的操作都将从当前点开始。

5. **moveTo(x, y)**: 将路径移动到指定位置，但不会绘制线段。这对绘制曲线起点很有用。

6. **lineTo(x, y)**: 绘制直线到指定位置。常用在结合moveTo使用来创建连续路径。

7. **arc(x, y, radius, startAngle, endAngle[, anticlockwise])**: 绘制圆弧。`radius`是半径，角度单位是度。

8. **fill()**: 填充当前路径内的区域。如果没有路径，则填充整个画布。

9. **stroke()**: 绘制路径边框。如果不指定路径，将沿最近的一条封闭路径绘制。

使用步骤通常包括先创建一个Canvas实例，然后设置其大小，再通过上述方法调用相应的API进行绘图。记得在绘制完毕后关闭路径并提交改变：

let canvas = uni.createSelectorQuery().inComponent().select('canvas').bbox();
uni.canvasContext('myCanvas', {
  width: canvas.width,
  height: canvas.height
});

// 绘制操作...
canvas.beginPath();
canvas.moveTo(50, 50);
canvas.lineTo(150, 100);
canvas.stroke(); // 或 canvas.fill();

// 一定要记得结束路径并提交更改
canvas.closePath();