我正在建立一个拥有数百个产品图片的网站。产品图像都是正方形的.png,每个都有一个不同的标识“切出”(透明)。每个图像都是以插图画家制作的,为网络保存并放置在网站中。
这些图像中的每一个都可由客户以颜色进行定制。我现在使用<select>
下拉和jQuery实现了这一点(图像的背景颜色发生变化,具体取决于选择的选项,使其看起来像徽标颜色已更改)。
我的问题是,如果我决定在整个过程中随时更改图像纯色的颜色,并且我已经在插图画家中创建了所有这些图像,那么这将是一项非常繁琐的任务。 。所以我试着解决这个问题。
我几乎找到了解决方案 - 我使用了PaintBrushJS的“Tint”功能,这似乎改变了纯色的颜色而忽略了透明区域,这很好,但有没有办法在更宽的范围内做到这一点传播方式?
PaintBrushJS是最好的方法吗?没有它我该怎么做?
是否可以创建一个css类(或类似的东西)并将其应用于每个产品图像,以便我可以在以后更改颜色,它将在整个网站范围内工作?