如何在javascript中生成n个环绕某个坐标，距离圆心r的点并包装成函数，然后在Canvas中绘制

可以使用极坐标来生成这些点，然后将它们转换为直角坐标系中的坐标。具体步骤如下：

1. 定义一个生成环绕某个坐标的点的函数，该函数接受三个参数：圆心坐标(x, y)、半径r、点的个数n。

function generatePoints(x, y, r, n) {
  const points = [];
  const angle = (2 * Math.PI) / n;
  for (let i = 0; i < n; i++) {
    const x1 = x + r * Math.cos(i * angle);
    const y1 = y + r * Math.sin(i * angle);
    points.push({ x: x1, y: y1 });
  }
  return points;
}

2. 在Canvas中绘制这些点。可以使用Canvas的`beginPath()`、`moveTo()`和`lineTo()`方法来绘制圆上的点。

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
const centerX = canvas.width / 2;
const centerY = canvas.height / 2;
const radius = 100;
const numPoints = 8;

function drawPoints() {
  const points = generatePoints(centerX, centerY, radius, numPoints);
  ctx.beginPath();
  ctx.moveTo(points[0].x, points[0].y);
  for (let i = 1; i < points.length; i++) {
    ctx.lineTo(points[i].x, points[i].y);
  }
  ctx.closePath();
  ctx.stroke();
}

drawPoints();

这样就可以在Canvas中绘制出距离圆心为r的n个点了。如果需要在Canvas中绘制多组这样的点，只需要调用`generatePoints()`和`drawPoints()`函数即可。