📜  p5 获取屏幕宽度 (1)

📅  最后修改于: 2023-12-03 14:45:00.106000             🧑  作者: Mango

P5获取屏幕宽度

P5.js是一个基于Processing的JavaScript库,用于创作交互式的图形和媒体实现。在P5.js中,获取屏幕宽度可以使用内置的函数。

获取屏幕宽度

使用内置的windowWidth函数获取屏幕宽度,该函数返回一个整数表示屏幕宽度,例如:

let screenWidth = windowWidth;
console.log(screenWidth);

本例中,将屏幕宽度赋值给一个变量screenWidth,然后通过console.log()输出。

同样,使用windowHeight函数获取屏幕高度,示例代码如下:

let screenHeight = windowHeight;
console.log(screenHeight);
完整示例

以下是一个完整的示例,利用createCanvas函数创建画布,并将画布的宽度和高度设为屏幕宽度和高度:

function setup() {
  createCanvas(windowWidth, windowHeight);
}

function draw() {
  background(220);
  // 在画布中间绘制一个圆
  ellipse(windowWidth / 2, windowHeight / 2, 50, 50);
}

在上例中,setup()函数创建一个宽度和高度为屏幕宽度和高度的画布,然后在draw()函数中在画布中心绘制一个圆形。

通过以上示例,我们可以看到P5.js中获取屏幕宽度非常简单,只要使用内置的windowWidth函数即可。