图像的CSS颜色到alpha?
几周前,我记得在网络上看到过一个页面,上面说可以使用彩色遮罩替换图像的颜色区域并使其透明 例如,给定一个白色徽标的图像,可以通过应用一些新的css属性使白色透明 我找不到任何关于它的信息,可能只是一个人提出了CSS3的一些新功能或特定于供应商的属性图像的CSS颜色到alpha?,css,image,html,transparency,Css,Image,Html,Transparency,几周前,我记得在网络上看到过一个页面,上面说可以使用彩色遮罩替换图像的颜色区域并使其透明 例如,给定一个白色徽标的图像,可以通过应用一些新的css属性使白色透明 我找不到任何关于它的信息,可能只是一个人提出了CSS3的一些新功能或特定于供应商的属性 我把这个放在这里,以防万一有人知道我在说什么,并且可以解释一下。很抱歉先误读了你的问题 您可以始终尝试将图像加载到html5画布,循环浏览图像,并根据rg和b的正确组合将alpha通道更改为0或255。以下是一些让您开始的内容:我只找到了一种方法来添
我把这个放在这里,以防万一有人知道我在说什么,并且可以解释一下。很抱歉先误读了你的问题
您可以始终尝试将图像加载到html5画布,循环浏览图像,并根据rg和b的正确组合将alpha通道更改为0或255。以下是一些让您开始的内容:我只找到了一种方法来添加不透明度级别: EDIT1:
我觉得这对你有帮助。在该页面中,将教您如何将图像掩码添加到img标签。是的,但我对使用canvas进行添加不感兴趣。如果浏览器支持的话,拥有它会很酷,但在我尝试实现的地方,没有透明的背景并没有什么大不了的。这比其他任何事情都更有趣。无论如何,谢谢。这不是我想要的。您提供的第二个链接与我的要求类似,但基于颜色匹配而不是alpha。我的意思是,当你在img上使用全白色遮罩时,img上的白色区域将变得透明。OP问aout如何将颜色转换为透明颜色,而不是如何使整个图像透明。。。
<img src="image.png" class="opacity30" />
.opacity30 { filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3; opacity: 0.3; }