Javascript 如何使用画布+；应用于css类

我正在建立一个网站，将有数百个产品图片。产品图像都将是一个正方形.png，每个图像都有一个不同的徽标“cut out”（透明）。每个图像都是在illustrator中制作的，保存在web上并放置在网站中

这些图像中的每一幅都可以由客户定制颜色。目前，我通过使用

下拉列表和jQuery（图像的背景颜色会发生变化，取决于选择的选项，使其看起来像徽标颜色发生了变化）来实现这一点

我的问题是，如果我决定在任何时候改变图片纯色的颜色，并且我已经在illustrator中创建了所有这些图片，这将是一项极其繁琐的任务。所以我试图解决这个问题

我几乎找到了解决方案——我使用了PaintBrushJS的“着色”功能，这似乎改变了纯色的颜色，忽略了透明区域，这很好，但有没有办法以更广泛的方式做到这一点

画笔是最好的方法吗？没有它我怎么办

---

是否可以创建一个css类（或类似的类）并将其应用于每个产品图像，以便我可以在以后更改颜色，并在站点范围内工作？

您也可以在Illustrator中执行批处理自动化。是的，我想这实际上可以工作。很好，很简单。非常感谢：）