我可以根据网页中的背景像素颜色更改图像像素的颜色吗？

我想用给定的背景颜色和一些文本创建一个html元素。然后我想在这个div中放置一个图像，并且图像与文本重叠的位置用其他颜色替换像素的颜色。如果我们想象图像是黑色斑点，下面的图像展示了我想达到的效果。然而，在现实生活中我想的信件部分重叠成为可能具有相同的效果（即我不想只是改变字体颜色的地方重叠。）我可以根据网页中的背景像素颜色更改图像像素的颜色吗？

overlap change effect image

这是可能的，并如果是这样，怎么样？

您可以假设图像是单个块颜色，并且我知道创建图像时的确切颜色。您可以使用任何网络技术，图像将作为矢量图像创建，因此可以是任何格式，包括svg。

来源

2014-02-15 crobar

不知道浏览器的支持是什么nowdays但你可以试试这个： http://css-tricks.com/image-under-text/

来源

2014-02-17 16:10:04 willanderson

这看起来很有希望的感谢，这将需要一段时间才能弄清楚，如果我实际上可以做我想做的，虽然用这个！ – crobar

我可以根据网页中的背景像素颜色更改图像像素的颜色吗？

回答

相关问题