如何将 PNG 图像的背景和前景色更改为从颜色托盘中选择？

Posted 2023-03-28

【中文标题】如何将 PNG 图像的背景和前景色更改为从颜色托盘中选择？

【英文标题】：How to change background and foreground color of PNG image to selected from color pallet?

【发布时间】：2020-03-10 14:40:54

【问题描述】：

我想更改 PNG 图像的背景和前景色。根据调色板的选择。 我只改变了 div 或文本的颜色。但对于 PNG 图像，我是空白的。 我第一次发布问题所以 我在发布代码时遇到问题 我为 div 和 text 所做的。

但是对于 PNG 图像，我该怎么做呢。

图片为 PNG base64 格式 我想用不同的颜色改变背景和前景

【问题讨论】：

PNG 是光栅化图像，您必须在服务器端进行一些处理才能创建新图像。您只能在客户端使用 SVG 之类的矢量图像。

请注意格式化How do I format my posts using Markdown or html的约定。

@zgood 您的评论对我来说似乎是正确的答案。我会投票赞成的！

【参考方案1】：

是否可以给 PNG 一个透明背景，然后使用 javascript 更改其背后 DOM 的颜色？ 否则你能有多个不同颜色的PNG，然后在它们之间切换吗？

否则，这可能会很棘手，但您可以使用画布或 SVG 实现类似的效果。

【讨论】：

OP 说 “改变背景和前景”。你的技巧没有解决前景色。

因此建议 2。:)