当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。