javascript - 我可以在显示窗口之外绘制一个processingJS矩形吗？

Question

我正在尝试使用processingJS在 Canvas 上绘制一个带有边界的“世界”。我希望主屏幕为黑色，边框为灰色。我首先尝试:

processing.background(175,175,175);
processing.fill(0,0,0);
rect(-4000, -4000, 8000, 8000);

除此之外，我的processingJS 代码中的其他所有内容都运行良好。我也尝试过:

processing.fill(175,175,175);
processing.rect(-4020, -4020, 8040, 8040);
processing.fill(0,0,0);
rect(-4000, -4000, 8000, 8000);

这也不起作用。是否甚至可以在 Canvas 的直接显示区域之外绘制一个矩形？非常感谢!

Answer 1

没有。您无法在 Canvas 之外进行绘制。

您必须创建一个更大的 Canvas 并在其上绘图。

但是如果你只想绘制边框，那么你可以使用 CSS 或 p5.dom图书馆。