javascript - 如何使 Processing JS Canvas 包含整个网页？

Question

也许我只是遗漏了一些东西，但每次我看到一个网站使用 ProcessingJS 时，都必须设置“Size(x,y)”以在 Canvas 内创建一个可用区域。我确定 Canvas 的高度和宽度可以使用 CSS 将值设置为 100%，但我找不到一种方法使 Canvas 内的工作区域的大小成为整个 Canvas ，即使用户调整浏览器的大小也是如此窗口。

我的计划是使用 ProcessingJS 的绘图功能为网页创建一个棘手的背景，但也许我从错误的 Angular 来处理这个问题。任何帮助或提示将不胜感激，即使这有助于我学习使用不同的库。

Answer 1

试试这个:

var w = window.innerWidth;
var h = window.innerHeight;

然后使用这些值来设置 x 和 y。