html - Reeboks 定制鞋设计功能。怎么运行的？

<分区>

我是网页设计和开发的新手。我坚持使用设计 UI 来定制鞋子，就像 Reebok 在其网站上所做的那样 link is here... .

我尝试在网上搜索，但不知道要搜索什么。我还是得到了一些东西，即(引用上面的链接)

我要实现的功能包括:

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

最佳答案

看起来它是基于图像映射的，似乎使用了来自此处名为“Fluid Retail”的公司的产品:

更新

如果我是从头开始写这篇文章，我现在可能会忽略旋转方面，而专注于首先正确设置颜色自定义位。

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

然后您可以转换您的 SVG to image maps或者用 Raphel JS 做一些等价的事情.您可以找到许多 JavaScript 颜色选择器，并且可以将其中之一与您的产品图像定制工具集成。

一旦您实现了代码来阅读和记住颜色选择，就可以实现产品图片的不同显示。

图像映射 JavaScript 库，如 ImageMapster也可能对您有用。

关于html - Reeboks 定制鞋设计功能。怎么运行的？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16810650/

相关文章：

javascript - 如何保持组件在后台运行以使用react？