p5.js | windowResized()函数

每次调整浏览器窗口大小时，都会调用p5.js 中的windowResized()函数。每当窗口大小增加时，它会自动调整高度和宽度。一旦窗口被调整大小，这个函数就会自动调用，然后创建一个与之对应的新画布。

句法：

windowResized()

参数：此函数不接受任何参数。

下面的程序说明了 p5.js 中的windowResized()函数：
示例 1：

function setup() {
    
    createCanvas(windowWidth, windowHeight);
}
  
function draw() {
    background(0, 200, 0);
    color("green");
    textSize(30);
    textAlign(CENTER);
    text("GeeksForGeeks!", 
         windowWidth / 2, 
         windowHeight / 2);
}
  
// Definition of windowResized Function
function windowResized() {
    resizeCanvas(windowWidth, windowHeight);
}

输出：

示例 2：

function setup() {
    createCanvas(windowWidth, windowHeight);
}
  
function draw() {
    background(0, 200, 0);
    color("green");
    textSize(30);
    textAlign(CENTER);
    text("GeeksForGeeks!", 
         windowWidth / 2, 
         windowHeight / 2);
}
  
// Definition of windowResized Function
function windowResized() {
    resizeCanvas(windowWidth / 2, windowHeight / 2);
}

输出：
调整大小之前：

调整大小后：

参考： https://p5js.org/reference/#/p5/windowResized