Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 什么';CSS中的泛光颜色和照明颜色定义是什么?_Html_Css_Svg Filters - Fatal编程技术网

Html 什么';CSS中的泛光颜色和照明颜色定义是什么?

Html 什么';CSS中的泛光颜色和照明颜色定义是什么?,html,css,svg-filters,Html,Css,Svg Filters,太酷了,我刚刚意识到CSS中有一种叫做flood color和lighting color的东西。有人知道什么是泛光颜色和照明颜色吗?他们是干什么的 这到底是什么意思 “泛光颜色”属性指明要使用什么颜色来泛光图像 当前过滤器原语子区域。关键字currentColor与ICC 颜色的指定方式与在 “填充”和“冲程”特性的规范 “照明颜色”属性定义光源的颜色 对于过滤器基本体“feDiffuseLighting”和“feSpecularLighting” 我们如何应用这些所谓的SVG效果?我尝试将照

太酷了,我刚刚意识到CSS中有一种叫做
flood color
lighting color
的东西。有人知道什么是泛光颜色和照明颜色吗?他们是干什么的

这到底是什么意思

“泛光颜色”属性指明要使用什么颜色来泛光图像 当前过滤器原语子区域。关键字currentColor与ICC 颜色的指定方式与在 “填充”和“冲程”特性的规范

“照明颜色”属性定义光源的颜色 对于过滤器基本体“feDiffuseLighting”和“feSpecularLighting”


我们如何应用这些所谓的SVG效果?我尝试将照明颜色设置为红色,但似乎没有任何效果。

这些是SVG过滤效果

“照明颜色”属性定义光源的颜色 对于过滤器基本体“feDiffuseLighting”和“feSpecularLighting”

“泛光不透明度”属性定义要在整个场景中使用的不透明度值 整个过滤器原语子区域


当我查找此文件时,规范没有太大帮助。
试一试

可以应用三种样式:可以使用遮罩、剪辑路径或过滤器

我唯一一次需要使用它是当我想使用XOR反转图形时

定义SVG过滤器:

<svg>
    <filter id="xor" x="0" y="0" width="100%" height="100%">
        <feFlood flood-color="#ff1493" result="flood"/>
        <feComposite operator="xor" in="SourceAlpha" in2="flood"/>
    </filter>
</svg>

使用CSS应用:

<style>
    .stylename{
        mask: url(#xor);
    }
</style>

.stylename{
掩码:url(#xor);
}

它们是否像背景渐变的SVG效果一样工作?或者更确切地说,我们如何应用它?我尝试将它们设置为不同的有效颜色值,但没有任何一种颜色显示出任何形式的差异