哪種網頁或瀏覽器技術是滿足我的要求的最佳解決方案？

Question

我有一個要求，建立一個網站，用戶可以從一個標準的模板和一些可選部分選擇一個設計。因此，例如，它可以選擇一個衣服，其中存在一個人的固定模板圖像，並且用戶從滾動的圖像列表中選擇不同顏色的褲子，襯衫，襪子等。當用戶從列表中選擇特定的項目時，圖像出現在模板上，以指示整體外觀。

它不一定非常喜歡任何移動的圖像或過渡，而只是將固定圖像疊加到模板上的能力。

什麼是我最好的選擇技術和方法呢？標準HTML？ CSS？ JavaScript的？更多服務器導向的東西，比如JSP？將不勝感激任何投入。

Answer 1

您可以通過多種方式解決問題，它主要取決於您的要求以及您的操作。

就個人而言，我會根據您給出的描述使用普通的javascript來完成它。

要求：在運行時

• 改變圖像。

  JavaScript在這方面做得很好。

• 覆蓋層需要定位的預定義座標。

  座標的一些存儲類型，最簡單的可能是您的腳本中的硬編碼值。

• 能夠將圖像定位爲所述座標處的覆蓋圖。

  與position: absolute; CSS可用於此。

• 圖像堆疊和索引邏輯。

  可以用JavaScript來完成。

這是給定的問題，最簡單的解決方案。如果您有更復雜的需求（如縮放或調整大小），則可能需要查看<canvas>。