每次調整瀏覽器窗口大小時,都會調用一次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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。