在初始加载后将滚动条添加到画布

Question

我正在使用画布，只有在必要时才需要添加滚动条。当页面加载时，没有足够的内容需要滚动条。我正在创建一个二进制搜索树可视化工具，用户可以在其中插入节点。每次插入节点对象时，它都会向下移动到下一个级别，最终导致节点被放置在屏幕之外。我想在尝试将节点放置在屏幕外时有一个滚动条。我试过以下几种，但没有任何运气。

function setup () { 
var canvas = createCanvas(windowWidth - 100, windowHeight - 350);
}
canvas {
border: 1px solid black;
margin-left: 40px;
overflow: auto;
}

我读过关于使用"；自动；我的理解是，如果确定内容超过特定空间，它允许滚动。话虽如此，我不确定我是否误解了这个属性，或者我是否错误地使用了它。

值得一提的是，我正在使用p5.js库进行可视化。这通过调用"；设置"；一旦页面被访问。我使用了"；溢出：自动；在我项目的其他地方，只要内容最初超过空间，就没有问题。这让人觉得我的第一个想法就是我的问题。如果是这样的话，我将如何实现我的目标？

初步想法：

1. setup((只调用一次，这就是为什么在内容开始时超过创建的空间时会发生溢出的原因
2. 我误解了如何处理溢出，应该使用"溢出"以外的东西；自动；来处理这个特殊的案件

Answer 1

只要滚动条小于窗口，它就不会从p5画布中出现。您可以使用resizeCanvas()调整画布的大小。