如何在p5.js中的点数组之间绘制正方形？

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  
  // 创建点数组
  let points = [
    createVector(100, 100),
    createVector(200, 100),
    createVector(200, 200),
    createVector(100, 200)
  ];
  
  // 绘制正方形
  beginShape();
  for (let i = 0; i < points.length; i++) {
    vertex(points[i].x, points[i].y);
  }
  endShape(CLOSE);
  
  // 绘制正方形的边框
  rect(points[0].x, points[0].y, points[2].x - points[0].x, points[2].y - points[0].y);
}