Html 锐步定制鞋款设计功能。它是如何工作的？

我是网页设计和开发新手。我一直在设计定制鞋子的UI，就像锐步在其网站上做的那样

我试着在网上搜索，但我不知道该搜索什么。 但我还是得到了一些东西，例如（参考上面的链接）

• 实际旋转有20个不同角度的图像，随着（鼠标）光标的移动而变化
• 通过将图像映射到项目的不同部分并将颜色应用于该映射，实现颜色定制

我要实现的功能包括：

• 项目（图像）颜色应可自定义
• 项目（图像）应参照光标移动进行旋转
• 项目（图像）映射颜色应粘贴到其区域

---

任何帮助都将不胜感激。。提前谢谢

看起来它是基于图像地图的，似乎在使用一家名为“Fluid Retail”的公司的产品，从这里：

更新

如果我是从零开始写这篇文章的话，我可能会暂时忽略旋转方面，而首先集中精力在颜色定制方面

如果您有产品的SVG版本，这将是一个很好的起点

然后你可以转换你的语言，或者做一些与之相当的事情。您可以找到很多JavaScript颜色选择器，可以将其中一个与您的产品图像定制工具集成

一旦实现了读取和记住颜色选择的代码，就可以实现产品图像的不同显示

---

像这样的图像映射JavaScript库也可能对您有用。

这个问题有点太宽泛了，对于这个问题，你不太可能得到明确的答案。我基本上不是在寻找代码，而是寻找任何可以参考并指引我正确方向的示例或简单理论。我假设这是一个嵌入网页的flash文件，谢谢你的回答。：）这是同一个锐步网站使用，但我怎么能做到自己。有什么想法吗？？？？上面我提到了当光标移动贴图颜色受到干扰时，我发现在应用颜色到贴图后，帽子旋转会卡住。再次感谢您的回复…：）这真的很有帮助。