设计颜色自定义程序

我发现了很多关于我的问题的资源，但我只想在对我要做的事情进行高层概述的基础上发表意见。

基本上，我使用Javascript和HTML的组合来为朋友的网站构建定制程序。我应该首先说我有一些HTML经验，但这是我第一次使用Javascript（我对Java很有经验）。最终目标将是一个类似于定制器的东西，允许用户选择自行车的零件并更改颜色以下定制订单。

我有自行车的各个部分作为图像文件，我使用的这个jscolor颜色选择器位于：http://jscolor.com/examples/#example-示出了隐藏以允许用户从颜色图中选择颜色。我的计划是在同一张照片的副本上叠加一个给定的部分（照片），只填充其中一个，就像在Photoshop中分层一样。这样，零件将填充为正确的形状，而不是填充为图像文件的整个正方形。随着光标的移动，颜色应该会实时变化。完成后，他们可以保存零件，颜色记录将保存在后端。

由于我是Javascript的新手，对HTML没有那么丰富的经验，我发现要让它走上正轨有点困难。因此，我希望从一些熟悉HTML/Javascript/CSS的人那里得到一些建议，为我指明正确的方向，使这项工作比目前更好。我不知道如何"表达"我想做的事情。

我要讨论的三个主要部分：

1. 使用HTML按钮加载不同的自行车部件（本质上加载一个单独的图像文件）。

2. 将jscolor选择器中的颜色添加到所选零件的图像中。

3. 当用户单击"保存"按钮时，保存零件的状态。

我将继续搜索论坛，因为我已经看到了一些类似于我想做的事情的线索，但我主要想知道我的方法是否可行。

提前感谢！