用新颜色叠加图像

Overlay Image with New Color

本文关键字：叠加 图像 颜色 新颜色      更新时间：2023-09-26

我的问题是:

我有一个双色png图像。一个色调是黑色，一个色调是透明。

我目前正在使用背景颜色属性来动态改变透明部分的颜色。

我还希望能够使用蒙版覆盖动态地改变黑色部分。我认为这是可能在html5画布，可能css，但我一直无法找到一个工作的答案。

谢谢你的帮助。

在这一点上，webkit(而且只有webkit)可以用纯CSS实现。它真的，真的，真的不支持

如果你感兴趣的话，这里有几个链接供你参考:

  • http://www.webkit.org/blog/181/css-masks/
  • http://trentwalton.com/2011/05/19/mask-image-text/

我希望我理解对了。

你可以使用html5元素画布来操纵图像直到单个像素。

参考这个站点:

http://beej.us/blog/2010/02/html5s-canvas-part-ii-pixel-manipulation/

如果你能把jquery作为解决方案，那么大多数现代浏览器都支持canvas。你可以试试这个jquery插件。

命令非常简单，就像:

$("#myImageID").tancolor();

有一个互动的演示。你可以随意摆弄一下

查看用法的文档，它非常简单。文档

相关文章：