p5.js | getPan()函数

在p5.js中，getPan()函数用于获取当前鼠标在画布上的偏移量。该函数返回一个p5.Vector对象，包含当前画布的水平和垂直偏移量。

语法

getPan()

返回值

getPan()函数返回一个p5.Vector对象，其中包含画布的水平和垂直偏移量。

示例

以下示例演示如何使用getPan()函数来获取当前鼠标在画布上的位置：

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

function draw() {
  background(220);
  
  // 获取画布的水平和垂直偏移量
  let pan = getPan();
  
  // 在画布上绘制一个圆，位置与鼠标的偏移量相同
  fill(255, 0, 0);
  circle(mouseX - pan.x, mouseY - pan.y, 50);
}

在上面的示例中，我们通过getPan()函数获取了当前画布的偏移量，并将这个偏移量应用到鼠标位置上，最后在画布上绘制一个圆形，其位置与鼠标位置相同，但是圆形的位置考虑了画布的偏移量。

注意事项

• getPan()函数只能在p5.js的事件函数（如draw()、mousePressed()等）中调用，否则会报错。
• getPan()函数返回的是一个p5.Vector对象，如果需要使用画布的水平和垂直偏移量，需要使用该对象的x和y属性。