如何在css中进行图像颜色混合?

时间:2012-06-01 01:17:36

标签: javascript html css

我有一个png图像,其中一些像素是透明的。图像全白。如何根据十六进制代码使用css或javascript将颜色混合到另一种颜色?

我正在寻找类似的东西(这只是伪代码)

<img src="test.png" style="color-blend:#ffea6e;"/>

因此效果是,图像(因为它是白色的)新颜色将完全是给定的颜色。透明的像素不应受到影响(即保持透明)。

1 个答案:

答案 0 :(得分:0)

使用CSS渐变可以达到这种效果。只需确保混合部件具有正确的“停止”设置。

一个伟大的CCS种族生成器:http://www.colorzilla.com/gradient-editor/

您可以看到预设渐变已包含透明度以帮助您入门。

&lt; canvas&gt;对于你想要完成的东西来说,元素似乎有些过分,并且是HTML5标记,只有IE9 +支持(以及几乎所有其他浏览器;)。