Javascript 用新颜色覆盖图像

Javascript 用新颜色覆盖图像,javascript,css,html,Javascript,Css,Html,这就是我的问题: 我有一个双色调png图像。一种色调是黑色,一种色调是透明的 我目前正在使用“背景颜色”属性动态更改透明部分的颜色 我还想能够改变动态使用遮罩覆盖黑色部分。我假设这在html5画布中是可能的,也可能在css中是可能的,但我一直无法找到一个有效的答案 谢谢你的帮助。我希望我正确地理解了你的意思 您可以使用html5元素画布来操作图像,直至单个像素 请尝试此网站以供参考: 此时,webkit(并且只有webkit)可以使用纯CSS来实现。是的 如果您感兴趣,可以通过以下链接开始:

这就是我的问题:

我有一个双色调png图像。一种色调是黑色,一种色调是透明的

我目前正在使用“背景颜色”属性动态更改透明部分的颜色

我还想能够改变动态使用遮罩覆盖黑色部分。我假设这在html5画布中是可能的,也可能在css中是可能的,但我一直无法找到一个有效的答案


谢谢你的帮助。

我希望我正确地理解了你的意思

您可以使用html5元素画布来操作图像,直至单个像素

请尝试此网站以供参考:

此时,webkit(并且只有webkit)可以使用纯CSS来实现。是的

如果您感兴趣,可以通过以下链接开始:


如果您可以将jquery作为解决方案,大多数现代浏览器都支持canvas。你可以试试这个jquery插件

该命令非常简单,如下所示:

$("#myImageID").tancolor();
有一个互动的。你可以玩玩它


查看有关用法的文档,它非常简单

你好,迪卡德,谢谢你的回答。我意识到这一能力,我想知道是否已经有预定义的功能来屏蔽图像?虽然这些技术上不能解决我的问题,但我相信这是一个尽可能接近的解决方案。另外,在第二个链接中屏蔽文本是非常棒的。