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

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center。
                            
                        
                    
                
                                6年前关闭。
            
                    
我是网页设计和开发的新手。我坚持使用设计UI来定制鞋子，就像Reebok在其网站link is here...上所做的那样。

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


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


我要实现的功能包括：


项目（图像）的颜色应可自定义。
Item（Image）应该参考光标移动来旋转。
Item（Image）映射颜色应坚持其区域。


任何帮助将不胜感激..在此先感谢。

最佳答案

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

http://www.fluidretail.com/solutions-overview/product-configurators/

更新

如果我是从头开始编写的，那么我现在可能会忽略旋转方面，而将精力集中在首先正确设置颜色自定义上。

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

然后，您可以转换您的SVG to image maps或做与Raphel JS等效的操作。您可以在周围找到许多JavaScript颜色选择器，并且可以将其中之一与产品图像定制工具集成在一起。

一旦实现了用于读取和记住颜色选择的代码，就应该可以过渡到产品图像的不同显示。

诸如ImageMapster之类的图像映射JavaScript库也可能对您有用。

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