我第一次上CS课。对于我们的决赛，我和我的团队想通过创建多个问题/输入来创建一件随机艺术，这些问题/输入的输出链接到将全部生成到画布上的特定图像。有没有办法在 Javascript 中将输出链接到图像生成？此外，我们甚至可以称之为我们正在做的事情，以便我们可以研究类似的项目以及它们是如何完成的？
这个答案可以有多个答案，因为它很抽象，但你正在寻找的是指南，所以这是我的看法：
你可以选择很多路径来实现你想要的东西，要么通过搜索做类似事情的类似项目，要么只是用普通的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>举个例子，这可以通过很多方式完成。
因此，当用户选择任何问题时，您已经拥有需要渲染到一个图像中的图像路径，为此您可以使用以下内容：
- https://www.marvinj.org/en/index.html
- 合并图像.js
- http://www.pixastic.com/lib/docs/actions/blend/
或者任何你想要的，你甚至可以使用javascript的Canvas来做到这一点，即使在StackOverflow中也可以遵循其他解决方案，例如：
- 使用 Javascript 合并图像
- 您可以使用JavaScript将多个图像合并为一个图像吗？