繁体   English   中英

是否可以根据网页中的背景像素颜色更改图像像素的颜色?

[英]Can I change color of image pixels based on background pixel color in web page?

我想创建一个具有给定背景色和一些文本的html元素。 然后,我想在该div中放置一个图像,并且该图像与文本重叠的位置用其他颜色替换像素的颜色。 如果我们想象图像是黑色斑点,则下面的图像演示了我想要实现的效果。 但是,在现实生活中,我希望字母的部分重叠可能具有相同的效果(即,我不想只是在重叠的地方更改字体颜色。)

重叠变化效果图

这可能吗?如果可以,怎么办?

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

不确定当今的浏览器支持什么,但是您可以尝试以下方法: http : //css-tricks.com/image-under-text/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM