canvas 画点击多点路径

要实现canvas画点击多点路径，你需要在canvas上监听鼠标点击事件，并将每个点击的坐标点保存到一个数组中。然后，在canvas上使用路径绘制方法，如lineTo()和stroke()等方法，将每个坐标点连接起来绘制出来。以下是一个简单的示例代码：

// 获取canvas元素
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

// 定义一个数组来保存点击的坐标点
var points = [];

// 监听鼠标点击事件
canvas.addEventListener('mousedown', function(e) {
  // 获取鼠标在canvas上的坐标
  var x = e.clientX - canvas.offsetLeft;
  var y = e.clientY - canvas.offsetTop;

  // 将坐标点保存到数组中
  points.push({x: x, y: y});

  // 绘制路径
  ctx.beginPath();
  ctx.moveTo(points[0].x, points[0].y);
  for (var i = 1; i < points.length; i++) {
    ctx.lineTo(points[i].x, points[i].y);
  }
  ctx.stroke();
});

以上代码仅提供了一个基本的实现思路，你可以根据自己的需求进行相应的修改和扩展。