p5.js |显示宽度变量

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

句法：

displayWidth()

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

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

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

输出：

示例 2：

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

输出：

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