如何使用p5.js将文件输入放在DOM中的任何位置

Question

我正在使用P5.js库中的createFileInput()。 有关here的更多信息。

function setup() {
  noCanvas();
  var fileInput = createFileInput(addedFile);
}

当我在setup函数中使用它时，它只是将元素添加到HTML页面的末尾。我无法弄清楚如何将输入放在我的页面中的任何位置，例如在某些span标记之间。

我已尝试.html()，.value()，甚至尝试将其直接放在HTML文件中，但我无法将其显示在我想要的位置。通常它会消失或者我收到错误。

我尝试使用this tutorial并查看js以确定他是如何将其放在页面中间的，但我甚至无法找到它！

对此的任何帮助将不胜感激！

Answer 1

您的第一站应为the reference。

具体来说，parent()函数看起来像你想做的那样：它需要你在P5.js代码中创建的元素（在你的情况下，你的fileInput变量）并将其移动到HTML网页中的父元素。

因此，您的第一步是创建一个包含页面中间元素（可能是<div>）的html网页。然后，您编写调用parent()函数的P5.js代码，并传入该<div>元素的ID。