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 |
瀏覽器相容性
載入中…