哪种网络或浏览器技术是我的要求的最佳解决方案？

Question

我需要建立一个网站，用户可以从标准模板和许多可选部件中选择设计。因此，例如，它可以是选择装备，其中存在人的固定模板图像，并且用户从滚动的图像列表中选择不同颜色的裤子，衬衫，袜子等。当用户从列表中选择特定项目时，图像将显示在模板上，以指示整体外观。

对于任何移动的图像或过渡，它不必过于花哨，只能将固定图像叠加到模板上。

什么是我最好的技术选择和实现方式？标准HTML？ CSS？ JavaScript的？更像服务器的东西，比如JSP？将不胜感激任何意见。

Answer 1

您可以通过多种方式解决问题，主要取决于您的要求以及您的工作所需。

我个人会根据您提供的描述使用普通的javascript完成它。

要求：

• 在运行时更改图像。

    

  JavaScript做得很好。

• 需要定位叠加层的预定义坐标。

    

  坐标的某种类型的存储，最简单的可能是脚本中的硬编码值。

• 能够将图像定位为所述坐标处的叠加层。

    

  可以使用带position: absolute;的CSS。

• 图像堆叠和索引逻辑。

    

  可以使用JavaScript完成。

这是给出问题的最简单的解决方案。如果您有更复杂的需求，如缩放或调整大小，您可能需要查看<canvas>。