lighting-color
lighting-color 属性定义了光照滤镜图元的光源颜色。
注意： 作为表现属性，lighting-color 还有一个对应的 CSS 属性：lighting-color。当两者都被指定时，CSS 属性具有优先权。
你可以将此属性与以下 SVG 元素一起使用
示例
html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="diffuseLighting1" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic" lighting-color="white">
<fePointLight x="60" y="60" z="20" />
</feDiffuseLighting>
</filter>
<filter id="diffuseLighting2" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic" lighting-color="blue">
<fePointLight x="60" y="60" z="20" />
</feDiffuseLighting>
</filter>
<rect x="0" y="0" width="200" height="200" filter="url(#diffuseLighting1)" />
<rect
x="220"
y="0"
width="200"
height="200"
filter="url(#diffuseLighting2)" />
</svg>
用法说明
| 值 | color |
|---|---|
| 默认值 | white |
| 可动画的 | 是 |
规范
| 规范 |
|---|
| 滤镜效果模块第 1 级 # LightingColorProperty |
浏览器兼容性
加载中…