flood-color
flood-color 屬性指定用於填充當前濾鏡圖元子區域的顏色。
注意： 作為一個表現屬性，flood-color 也有一個對應的 CSS 屬性：flood-color。當兩者都指定時，CSS 屬性具有更高的優先順序。
你可以將此屬性與以下 SVG 元素一起使用
示例
html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="flood1">
<feFlood flood-color="skyblue" x="0" y="0" width="200" height="200" />
</filter>
<filter id="flood2">
<feFlood flood-color="seagreen" x="0" y="0" width="200" height="200" />
</filter>
<rect x="0" y="0" width="200" height="200" filter="url(#flood1)" />
<rect x="220" y="0" width="200" height="200" filter="url(#flood2)" />
</svg>
用法說明
| 值 | color |
|---|---|
| 初始值 | black |
| 可動畫的 | 是 |
規範
| 規範 |
|---|
| 濾鏡效果模組第 1 級 # FloodColorProperty |
瀏覽器相容性
載入中…
另見
- CSS
flood-color屬性 flood-opacity