當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。