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

相关用法

注：本文由纯净天空筛选整理自sarthak_ishu11大神的英文原创作品 p5.js | windowResized() function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。