📅  最后修改于: 2023-12-03 14:45:00.106000             🧑  作者: Mango
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函数即可。