P5.js中的箭头线条画笔

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

function draw() {
  background(220);
  
  // 设置线条的起点和终点坐标
  let startX = 100;
  let startY = 200;
  let endX = 300;
  let endY = 200;
  
  // 绘制箭头线条
  drawArrow(startX, startY, endX, endY, 10);
}

function drawArrow(startX, startY, endX, endY, arrowSize) {
  // 计算线条的角度和长度
  let angle = atan2(endY - startY, endX - startX);
  let length = dist(startX, startY, endX, endY);
  
  // 绘制线条
  line(startX, startY, endX, endY);
  
  // 绘制箭头
  push();
  translate(endX, endY);
  rotate(angle);
  triangle(-arrowSize, arrowSize / 2, 0, 0, -arrowSize, -arrowSize / 2);
  pop();
}