P5.js 图片 resize() 方法

resize() 方法是 P5.js 中用于调整图片大小的函数。该函数可以在加载图片时调用，以根据给定的宽高调整图像尺寸。这个方法是很实用的，尤其是当你需要在你的画布上绘制大量大尺寸的图片的时候。

用法

以下是使用 resize() 方法的基本语法：

img.resize(width, height);

其中，img 是一个 P5.js 图片对象， width 和 height 分别代表图像的新的宽度和高度。

示例

下面是一个使用 resize() 方法调整图片大小的代码示例：

let img;

function preload() {
  img = loadImage('image.jpg');
}

function setup() {
  createCanvas(400, 400);
  img.resize(200, 200);
}

function draw() {
  background(220);
  image(img, 0, 0);
}

在这个例子中，我们首先使用 preload() 函数加载了一个名为 image.jpg 的图片。在 setup() 函数中，我们创建了一个画布，并调用了 resize() 方法以将图片的大小调整到了 200x200。最后，在 draw() 函数中，我们绘制了调整后的图片。

总结

在 P5.js 中使用 resize() 方法轻松地调整图片大小，有助于优化你的代码和提高效率。该方法可以在图片加载时调用，也可以在后续操作时调用。需要注意的是，当你改变了一张图片的大小，在绘制图片时，你需要更新它的位置和大小。