Question

出于一些背景知识，这是问题的超级简化版本：

function setup() {
    createCanvas(window.innerWidth, window.innerHeight);
    document.body.innerHTML += "<input>";
}

function draw() {
    background(255, 0, 0);
}

此应该要做的是创建一个画布（它确实要这样做），向主体添加一个输入（它确实要这样做），然后使画布的背景变成红色（这是什么都没发生的地方）

似乎所有属于p5的代码都无法正常工作（我也尝试过将background(255, 0, 0);设置为设置，但这也不起作用）。其中包括line和rect之类的东西。

这是怎么回事导致该问题？有没有一种方法可以不必使用appendChild来解决此问题（我可能没有尝试过，尽管这可能是添加元素的正确方法，但是这个项目并不庞大，使用innerHTML +=是更方便）？

感谢您的帮助。

Answer 1

问题是您忘记添加关闭标签。尝试将该行更改为：

document.body.innerHTML += "<input></input>";

它应该可以工作。

通过JavaScript添加输入元素时，p5.js Canvas不显示任何内容

1 个答案: