着色背景图像

Question

我需要根据rgb-Value对post-it图像（如此here）进行着色。

我的问题如下：图像的外部部分需要透明，因为图像放在不同背景颜色的前面。

其次，我需要将图像的当前黄色变为给定的rgb值。 （不是动画的）

我首先考虑使图像的黄色部分透明，并将彩色元素放在其外面。但是这会使外部部件着色，并且应该粘贴到文档背景颜色。

有关于此的任何想法吗？

提前致谢， Woyzeck

Answer 1

您可以通过对<canvas>元素中绘制的图像进行着色来实现此目的。 （有关示例，请参阅here），然后生成可用于显示图像的数据URI。

不确定这可以用纯CSS完成，但我很乐意被证明是错误的：）

Answer 2

感谢您的快速建议！

我相信他们也会工作。但我遇到了另一个适合我的好解决方案here。

完全是CSS，但当然它并没有像以前那样使用图像。