← 返回首页
<feFlood> - SVG:可缩放矢量图形 | MDN

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

<feFlood>

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

<feFlood> SVG 滤镜原语使用由 flood-colorflood-opacity 定义的颜色和透明度填充滤镜子区域。

本文内容

使用上下文

类别允许的内容
滤镜元素
任意数量、任意顺序的下列元素:
<animate><set>

属性

DOM 接口

该元素实现了 SVGFEFloodElement 接口。

示例

HTML

html
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"> <defs> <filter id="floodFilter" filterUnits="userSpaceOnUse"> <feFlood x="50" y="50" width="100" height="100" flood-color="green" flood-opacity="0.5" /> </filter> </defs> <use style="filter: url(#floodFilter);" /> </svg>

结果

规范

规范
Filter Effects Module Level 1
# feFloodElement

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

参见