Javascript p5：调整画布大小，起始宽度/高度固定？

我正在使用p5和tensorflow。我创建了一个“面部过滤器”，用tensorflow跟踪鼻子和耳朵，并将图像附加到这些位置。例如，如果我的脸过滤器是“小丑”，鼻子将有一个红色的鼻子，耳朵将有小丑耳朵

一切都正常，但现在我正在努力使画布响应

我的画布尺寸是

createCanvas（1200768）

，它以css为中心

如何根据浏览器宽度使画布响应？我只是不确定如何在

windowResized

函数中设置代码

function windowResized(){
  resizeCanvas(width?, height?);
}

---

感谢您提供的任何输入。

p5.js提供了系统变量和，并且。

width

和

height

存储画布的当前大小，

windowWidth

和

windowHeight

存储内部窗口的宽度。
使用中的

windowWidth

和

windowHeight

调整画布的大小：

函数windowResized（）{
调整画布大小（窗口宽度、窗口高度）；
}

创建画布时，也可以使用变量：

函数设置（）{
createCanvas（窗口宽度、窗口高度）；
}