如何在路径中使用js中的图像数据？

Question

我正在敲一个html5，js，css3应用程序，我的图像衬衫可以改变颜色。

我的模特目前有基本图片和衬衫图片（.png）。

为了获得替代颜色（我打算在裤子，鞋子等20个左右的选项和相同的颜色），我可以为每种颜色设置一个专用的.png文件，但这似乎有点过分了。

使用带有stroke（）＆amp;的路径fill（）将实现我想要的，但我无法在文档中找到解释js如何使用图像文件中的路径（或可能是哪种文件格式）的方法。我找到的例子在js中绘制了路径。

任何建议都是路径，或者是替代/更好的方法来实现这一目标？

干杯

Answer 1

我认为制作一件衬衫所在的透明度的shirt.png图片会更容易。然后你可以给CSS背景着色衬衫。应该是我认为最简单，最灵活的方式。