SVG参考手册

分类 | Elements

feflood

<feFlood>SVG滤波器原始填充过滤器子区域与颜色和不透明度由下式定义flood-color和flood-opacity。

用法上下文

分类	过滤基元
允许的内容	以任意顺序包含以下任意数量的元素：<animate>，<animateColor>，<set>

属性

全局属性

Core attributes

Presentation attributes

Filter primitive attributes

class

style

具体属性

flood-color

flood-opacity

DOM接口

这个元素实现了SVGFEFloodElement接口。

例

HTML Content

<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>

结果

产品规格

Specification	Status	Comment
Filter Effects Module Level 1The definition of '<feFlood>' in that specification.	Working Draft	Removed <icccolor> value from flood-color property and defined that the alpha channel of it gets multiplied with the computed value of the flood-opacity property. Clarified value of flood-opacity property.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)The definition of '<feFlood>' in that specification.	Recommendation	Initial definition

浏览器兼容性

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)	?

Feature	Android	Edge	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	?	(Yes)	?	?	?	?

分类 | Elements相关

1.a
2.altglyph
3.altglyphdef
4.altglyphitem
5.animate
6.animatecolor
7.animatemotion
8.animatetransform
9.circle
10.clippath
11.color-profile
12.cursor
13.defs
14.desc
15.discard
16.Elements
17.ellipse
18.feblend
19.fecolormatrix
20.fecomponenttransfer
21.fecomposite
22.feconvolvematrix
23.fediffuselighting
24.fedisplacementmap
25.fedistantlight
26.fedropshadow
27.fefunca
28.fefuncb
29.fefuncg
30.fefuncr
31.fegaussianblur
32.feimage
33.femerge
34.femergenode
35.femorphology
36.feoffset
37.fepointlight
38.fespecularlighting
39.fespotlight
40.fetile
41.feturbulence
42.font
43.font-face
44.font-face-format
45.font-face-name
46.font-face-src
47.font-face-uri
48.foreignobject
49.g
50.glyph
51.glyphref
52.hatch
53.hatchpath
54.hkern
55.image
56.line
57.lineargradient
58.marker
59.metadata
60.missing-glyph
61.mpath
62.path
63.pattern
64.polygon
65.polyline
66.radialgradient
67.rect
68.script
69.set
70.solidcolor
71.stop
72.svg
73.switch
74.symbol
75.text
76.textpath
77.title
78.tref
79.tspan
80.use
81.view
82.vkern

SVG

可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。

SVG目录

1.教程 \| Tutorial
2.属性 \| Attributes
3.内容种类 \| Content types
4.分类 \| Elements
5.其他 \| Miscellaneous
6.SVG 教程
7.SVG 矩形
8.SVG 在 HTML 中
9.SVG 实例
10.SVG 简介
11.SVG 模糊效果 – 高斯模糊
12.SVG 滤镜
13.SVG Stroke 属性
14.SVG 文本
15.SVG 曲线
16.SVG 路径
17.SVG 多边形
18.SVG 直线
19.SVG 椭圆
20.SVG 圆形
21.SVG 参考手册
22.SVG 实例
23.SVG 渐变- 放射性
24.SVG 渐变 – 线性
25.SVG 阴影