我有一个 png 图像,其中一些像素是透明的。图像是全白的。如何使用 css 或 javascript 将颜色混合为给定十六进制代码的另一种颜色?
我正在寻找类似的东西(这只是伪代码)
<img src="test.png" style="color-blend:#ffea6e;"/>
所以这样做的效果是,图像(因为它是白色的)新颜色将完全是给定的颜色。透明的像素不应受到影响(即保持透明)。
最佳答案
使用 CSS 渐变可以达到这种效果。只要确保混合部分具有正确的“停止”设置即可。
一个很棒的 CCS 梯度生成器:http://www.colorzilla.com/gradient-editor/
您可以看到已经包含透明度的预设渐变可以帮助您入门。
关于javascript - 如何在 css 中进行图像颜色混合?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10843268/