Javascript 通过选择复选框选项在web应用程序中显示多张图片

我正在创建一个基于web的（HTML、CSS、Javascript、VueJs）解剖工具。我有一个身体部位清单作为检查清单。我还有一个身体图像，当点击清单时，它的器官会被添加到其中

例如，如果单击检查表上的“左手”选项，左手将添加到身体图片中

现在我想知道：

1-如何将身体部位图片放置在我希望它们处于的位置和角度

---

2-如何设置代码，以便通过单击检查表，将相应的身体部位添加到身体图像中？

将整个身体图片划分为较小的部分，并使用网格系统进行排列。例如，将图片分成9*12个部分，然后单击检查表显示/隐藏图片。

您可以完全定位图像-如果图像是具有透明背景的png文件，您可以旋转它们，使其适合页面上任何需要的位置，它们将无缝显示。你可以用css来完成这一切。如果没有一个例子，很难给你一个明确的答案，但是如果你从项目开始，使其位于页面上方的

position: absolute;
top:-400px;

选中复选框后，您可以切换该类，新类可以具有以下样式-

在我们进一步帮助你之前，我们需要先看一看，事实上，这太宽泛了。

position: absolute;
top: 37px;
left: 283px;
transform: rotate(20deg);