问题描述
我想让 p5 画布完全适合窗口大小，但是每当我使用 windowWidth 和 windowHeight 时，画布似乎更大：
有什么办法可以解决这个问题吗？
解决方法
您需要使用 CSS 关闭 <html> 和 <body> 标记的边距和内边距（这将移除画布周围的白色边框），并关闭垂直滚动条。
此外，如果有人更改了窗口的大小，您会想要处理它，这可以通过 windowResized event 轻松完成。
function setup() {
createCanvas(windowWidth,windowHeight);
}
function draw() {
background(200);
}
function windowResized() {
resizeCanvas(windowWidth,windowHeight);
}html,body {
margin: 0;
padding: 0;
overflow: hidden;
}<script src="https://cdn.jsdelivr.net/npm/p5@1.3.1/lib/p5.min.js"></script>