0

我正在上我的第一个 CS 课。对于我们的期末考试，我和我的团队想通过创建多个问题/输入来创建一件随机的艺术作品，这些问题/输入带有链接到将全部生成到画布上的特定图像的输出。有没有办法将输出链接到 Javascript 中的图像生成？此外，我们甚至可以将我们正在尝试做的事情称为什么，以便我们可以研究类似的项目以及它们是如何完成的？

4

1 回答 1

0

这个答案可以有多个答案，因为它非常抽象，但是您正在寻找的是指南，所以这是我的看法：

你可以选择很多路径来实现你想要的，或者通过搜索类似的项目来做类似的事情，或者只是用纯 JavaScript 来做，如果你决定采用 JavaScript 方法，你可以使用库来使它更容易，这可以向您展示通往最终目标的道路。

我想这可以被称为随机图像画家或生成器，如果你想在谷歌中尝试一些搜索的话。

但是，如果它由我执行，我会按照某些步骤在 JavaScript 中执行：

  • 您需要要生成的图像文件，这些文件将位于项目的某个文件夹中。
  • 然后，您需要带有输入的问题，我认为如果它们是一组单选按钮可能会更好？所以像：

<div class="questionA">
    <h4>Question A</h4>
    <input name="questionA" type="radio" value="path/toimagefile1CategoryCows.png">1
    <input name="questionA" type="radio" value="path/toimagefile2CategoryCows.png">2
    <input name="questionA" type="radio" value="path/toimagefile3CategoryCows.png">3
    <input name="questionA" type="radio" value="path/toimagefile4CategoryCows.png">4
</div>
<div class="questionB">
    <h4>Question B</h4>
    <input name="questionB" type="radio" value="path/toimagefile1CategoryChickens.png">1
    <input name="questionB" type="radio" value="path/toimagefile2CategoryChickens.png">2
    <input name="questionB" type="radio" value="path/toimagefile3CategoryChickens.png">3
    <input name="questionB" type="radio" value="path/toimagefile4CategoryChickens.png">4
</div>

举个例子，这可以通过多种方式完成。

因此，当用户选择任何问题时，您将已经知道需要将哪些图像路径渲染到一个图像中，为此您可以使用以下内容：

或者任何你想要的，你甚至可以使用 JavaScript 中的 Canvas 来做到这一点，甚至在 StackOverflow 中也可以遵循其他解决方案，例如：

于 2020-05-18T18:35:40.637 回答