javascript - 如何直接在浏览器中更改图像的颜色？

Question

感谢您的宝贵时间。我们销售多种颜色的许多 3D 打印产品，因此我们必须为我们提供的每种该死的颜色创建一个 PNG(或 JPG)图像文件，因此如果我们有 10 种产品 10 种颜色，这意味着我们必须创建 100 个 PNG 图像文件导出。

我的问题是:有什么办法可以在客户端动态改变图像的颜色吗？例如，如果用户选择一种颜色，则对象会更改其颜色而无需加载新的 img 文件

是否为此目的创建了 SVG 文件？ (我是不是在说傻话？:P)

通常每个图像只有一种颜色和灰色阴影，例如:

Answer 1

从图像中移除颜色，留下透明度。当在图像包装器的 HTML 元素上使用背景颜色时，它可以与图像融为一体。