p5.js | displayHeight 变量

p5.js 中的displayHeight变量用于存储设备屏幕显示的高度。 height 的值根据默认的 pixelDensity存储。此变量用于在任何显示尺寸上运行全屏程序。将其与 pixelDensity 相乘以返回实际的屏幕尺寸。

句法：

displayHeight

参数：此函数不接受任何参数。

下面的程序说明了 p5.js 中的displayHeight变量：
示例 1：

function setup() {
    
    createCanvas(1000, 400);
    
    // Set text size to 40px
    textSize(20); 
}
  
function draw() {
    background(200);
    rect(mouseX, mouseY, 30, 30);
  
    //Use of displayHeight Variable
    text("Display Height is " + displayHeight, 30, 40);
}

输出：

示例 2：

function setup() {
  
    createCanvas(1000, displayHeight);
  
    // Set text size to 40px
    textSize(20);
}
  
function draw() {
  
    background(200);
    rect(mouseX, mouseY, 30, 30);
  
    //Use of displayHeight Variable
    text("Canvas Size of Display is displayHeight is " 
         + displayHeight, 30, 40);
}

输出：

参考： https://p5js.org/reference/#/p5/displayHeight