每次调整浏览器窗口大小时,都会调用一次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
相关用法
- d3.js d3.map.set()用法及代码示例
- d3.js d3.hsl()用法及代码示例
- p5.js tan()用法及代码示例
- p5.js log()用法及代码示例
- PHP key()用法及代码示例
- p5.js cos()用法及代码示例
- p5.js sin()用法及代码示例
- PHP pos()用法及代码示例
- p5.js day()用法及代码示例
- PHP each()用法及代码示例
- p5.js second()用法及代码示例
- PHP Ds\Map put()用法及代码示例
注:本文由纯净天空筛选整理自sarthak_ishu11大神的英文原创作品 p5.js | windowResized() function。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。