通過 JavaScript 添加輸入元素時，p5.js Canvas 不顯示任何內容

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>";

它應該工作。