uniapp中要实现canvas画点击多点路径

要在uniapp中实现canvas画点击多点路径，你可以使用类似于在普通HTML页面中的方法。以下是一个简单的示例代码：

<template>
  <canvas canvas-id="myCanvas" @touchstart="onTouchStart" @touchmove="onTouchMove"></canvas>
</template>

<script>
export default {
  methods: {
    onTouchStart(e) {
      // 获取canvas元素
      var canvas = uni.createCanvasContext('myCanvas', this);

      // 获取触摸点在canvas中的坐标
      var x = e.touches[0].x;
      var y = e.touches[0].y;

      // 绘制路径
      canvas.beginPath();
      canvas.moveTo(x, y);

      // 保存起点坐标到data中
      this.setData({
        startX: x,
        startY: y,
        points: [{x: x, y: y}]
      });
    },

    onTouchMove(e) {
      // 获取canvas元素
      var canvas = uni.createCanvasContext('myCanvas', this);

      // 获取触摸点在canvas中的坐标
      var x = e.touches[0].x;
      var y = e.touches[0].y;

      // 绘制路径
      canvas.lineTo(x, y);
      canvas.stroke();

      // 保存坐标点到data中
      var points = this.data.points;
      points.push({x: x, y: y});
      this.setData({
        points: points
      });
    }
  }
}
</script>

以上代码中，我们在template中使用canvas标签来创建一个canvas元素，并且给它设置了一个canvas-id，这是为了在js代码中获取canvas元素。在js代码中，我们使用uni.createCanvasContext()方法来获取canvas元素，然后使用canvas的绘制方法来绘制路径。

在touchstart事件中，我们使用canvas.beginPath()方法开启一条新的路径，并使用canvas.moveTo()方法将起点设置为当前触摸点的坐标。然后，我们保存起点坐标到data中，以便在touchmove事件中使用。在touchmove事件中，我们使用canvas.lineTo()方法将当前触摸点的坐标连接到上一个点，形成一条连续的路径，并使用canvas.stroke()方法将路径绘制出来。同时，我们也保存当前坐标点到data中，以便在之后继续绘制路径时使用。