[zh-cn]: update the translation of SVG <feflood> and <fefunc*> el…

…ement (#20948) Co-authored-by: A1lo <[email protected]>
mdn · Jun 4, 2024 · e155bc5 · e155bc5
1 parent 94d1c4e
commit e155bc5
Show file tree

Hide file tree

Showing 5 changed files with 138 additions and 120 deletions.
diff --git a/files/zh-cn/web/svg/element/feflood/index.md b/files/zh-cn/web/svg/element/feflood/index.md
@@ -1,56 +1,80 @@
 ---
-title: feFlood
+title: <feFlood>
 slug: Web/SVG/Element/feFlood
+l10n:
+  sourceCommit: 3a1ef2abc8233835f0b0cc73afaf36e44edaf4a1
 ---
 
 {{SVGRef}}
 
-该滤镜用{{ SVGAttr("flood-color") }}元素定义的颜色和{{ SVGAttr("flood-opacity") }}元素定义的不透明度填充了滤镜子区域。
+**`<feFlood>`** SVG 滤镜原语使用由 {{SVGAttr("flood-color")}} 和 {{SVGAttr("flood-opacity")}} 定义的颜色和透明度填充滤镜子区域。
 
-## 用法
+## 使用上下文
 
 {{svginfo}}
 
+## 属性
+
+- {{SVGAttr("flood-color")}}
+- {{SVGAttr("flood-opacity")}}
+
+## DOM 接口
+
+该元素实现了 {{domxref("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>
 
-- [核心属性](/zh-CN/SVG/Attribute#Core) »
-- [外观属性](/zh-CN/SVG/Attribute#Presentation) »
-- [滤镜属性](/zh-CN/SVG/Attribute#Filter) »
-- {{ SVGAttr("class") }}
-- {{ SVGAttr("style") }}
+  <use style="filter: url(#floodFilter);" />
+</svg>
+```
 
-### 专有属性
+### 结果
 
-- {{ SVGAttr("flood-color") }}
-- {{ SVGAttr("flood-opacity") }}
+{{EmbedLiveSample("示例", 200, 200)}}
 
-## DOM 接口
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
 
-该元素实现了 `SVGFEFloodElement` 接口。
+{{Compat}}
 
 ## 参见
 
-- {{ SVGElement("filter") }}
-- {{ SVGElement("animate") }}
-- {{ SVGElement("animateColor") }}
-- {{ SVGElement("set") }}
-- {{ SVGElement("feBlend") }}
-- {{ SVGElement("feColorMatrix") }}
-- {{ SVGElement("feComponentTransfer") }}
-- {{ SVGElement("feComposite") }}
-- {{ SVGElement("feConvolveMatrix") }}
-- {{ SVGElement("feDiffuseLighting") }}
-- {{ SVGElement("feDisplacementMap") }}
-- {{ SVGElement("feGaussianBlur") }}
-- {{ SVGElement("feImage") }}
-- {{ SVGElement("feMerge") }}
-- {{ SVGElement("feMorphology") }}
-- {{ SVGElement("feOffset") }}
-- {{ SVGElement("feSpecularLighting") }}
-- {{ SVGElement("feTile") }}
-- {{ SVGElement("feTurbulence") }}
-- [SVG 教程：滤镜效果](/zh-CN/SVG/Tutorial/Filter_effects)
+- [SVG 滤镜原语属性](/zh-CN/docs/Web/SVG/Attribute#滤镜属性)
+- {{SVGElement("filter")}}
+- {{SVGElement("animate")}}
+- {{SVGElement("set")}}
+- {{SVGElement("feBlend")}}
+- {{SVGElement("feColorMatrix")}}
+- {{SVGElement("feComponentTransfer")}}
+- {{SVGElement("feComposite")}}
+- {{SVGElement("feConvolveMatrix")}}
+- {{SVGElement("feDiffuseLighting")}}
+- {{SVGElement("feDisplacementMap")}}
+- {{SVGElement("feGaussianBlur")}}
+- {{SVGElement("feImage")}}
+- {{SVGElement("feMerge")}}
+- {{SVGElement("feMorphology")}}
+- {{SVGElement("feOffset")}}
+- {{SVGElement("feSpecularLighting")}}
+- {{SVGElement("feTile")}}
+- {{SVGElement("feTurbulence")}}
+- [SVG 教程：滤镜效果](/zh-CN/docs/Web/SVG/Tutorial/Filter_effects)
diff --git a/files/zh-cn/web/svg/element/fefunca/index.md b/files/zh-cn/web/svg/element/fefunca/index.md
@@ -1,27 +1,18 @@
 ---
-title: feFuncA
+title: <feFuncA>
 slug: Web/SVG/Element/feFuncA
+l10n:
+  sourceCommit: 3a1ef2abc8233835f0b0cc73afaf36e44edaf4a1
 ---
 
 {{SVGRef}}
 
-[SVG](/zh-CN/docs/Web/SVG) 滤镜 **`<feFuncA>`** 为它的父元素 {{SVGElement("feComponentTransfer")}} 的输入图形的透明度（alpha）组件定义了变换函数。
+**`<feFuncA>`** [SVG](/zh-CN/docs/Web/SVG) 滤镜原语为其 {{SVGElement("feComponentTransfer")}} 父元素输入图形的 alpha 分量定义了传递函数。
 
-## 用法
+## 使用上下文
 
 {{svginfo}}
 
-## 属性
-
-### 全局属性
-
-- [核心属性](/zh-CN/docs/Web/SVG/Attribute#Core_attributes)
-- [Transfer function attributes](/zh-CN/docs/Web/SVG/Attribute#Transfer_function_attributes)
-
-### 专有属性
-
-_无。_
-
 ## DOM 接口
 
 该元素实现了 {{domxref("SVGFEFuncAElement")}} 接口。
@@ -36,11 +27,14 @@ _无。_
 
 ## 参见
 
-- {{ SVGElement("filter") }}
-- {{ SVGElement("animate") }}
-- {{ SVGElement("set") }}
-- {{ SVGElement("feComponentTransfer")}}
-- {{ SVGElement("feFuncR") }}
-- {{ SVGElement("feFuncB") }}
-- {{ SVGElement("feFuncG") }}
-- [SVG 教程：滤镜效果](/zh-CN/SVG/Tutorial/Filter_effects)
+- [SVG 滤镜原语属性](/zh-CN/docs/Web/SVG/Attribute#滤镜属性)
+- {{SVGAttr('flood-color')}} 属性
+- {{SVGAttr('flood-opacity')}} 属性
+- {{SVGElement("filter")}}
+- {{SVGElement("animate")}}
+- {{SVGElement("set")}}
+- {{SVGElement("feComponentTransfer")}}
+- {{SVGElement("feFuncR")}}
+- {{SVGElement("feFuncB")}}
+- {{SVGElement("feFuncG")}}
+- [SVG 教程：滤镜效果](/zh-CN/docs/Web/SVG/Tutorial/Filter_effects)
diff --git a/files/zh-cn/web/svg/element/fefuncb/index.md b/files/zh-cn/web/svg/element/fefuncb/index.md
@@ -1,39 +1,40 @@
 ---
-title: feFuncB
+title: <feFuncB>
 slug: Web/SVG/Element/feFuncB
+l10n:
+  sourceCommit: 3a1ef2abc8233835f0b0cc73afaf36e44edaf4a1
 ---
 
 {{SVGRef}}
 
-该滤镜为它的父{{SVGElement("feComponentTransfer")}}元素的输入图形的蓝色成分定义了变换函数。
+**`<feFuncB>`** [SVG](/zh-CN/docs/Web/SVG) 滤镜原语为其 {{SVGElement("feComponentTransfer")}} 父元素输入图形的蓝色分量定义了传递函数。
 
-## 用法
+## 使用上下文
 
 {{svginfo}}
 
-## 示例
-
-## 属性
-
-### 全局属性
+## DOM 接口
 
-- [核心属性](/zh-CN/SVG/Attribute#Core) »
+该元素实现了 {{domxref("SVGFEFuncBElement")}} 接口。
 
-### 专有属性
+## 规范
 
-- [变换函数属性](/zh-CN/SVG/Attribute#Transfer_function_attributes) »
+{{Specifications}}
 
-## DOM 接口
+## 浏览器兼容性
 
-该元素实现了 [`SVGFEFuncBElement`](/zh-CN/DOM/SVGFEFuncBElement) 接口。
+{{Compat}}
 
 ## 参见
 
-- {{ SVGElement("filter") }}
-- {{ SVGElement("animate") }}
-- {{ SVGElement("set") }}
-- {{ SVGElement("feComponentTransfer") }}
-- {{ SVGElement("feFuncA") }}
-- {{ SVGElement("feFuncR") }}
-- {{ SVGElement("feFuncG") }}
-- [SVG 教程：滤镜效果](/zh-CN/SVG/Tutorial/Filter_effects)
+- [SVG 滤镜原语属性](/zh-CN/docs/Web/SVG/Attribute#滤镜属性)
+- {{SVGAttr('flood-color')}} 属性
+- {{SVGAttr('flood-opacity')}} 属性
+- {{SVGElement("filter")}}
+- {{SVGElement("animate")}}
+- {{SVGElement("set")}}
+- {{SVGElement("feComponentTransfer")}}
+- {{SVGElement("feFuncA")}}
+- {{SVGElement("feFuncR")}}
+- {{SVGElement("feFuncG")}}
+- [SVG 教程：滤镜效果](/zh-CN/docs/Web/SVG/Tutorial/Filter_effects)
diff --git a/files/zh-cn/web/svg/element/fefuncg/index.md b/files/zh-cn/web/svg/element/fefuncg/index.md
@@ -1,39 +1,40 @@
 ---
-title: feFuncG
+title: <feFuncG>
 slug: Web/SVG/Element/feFuncG
+l10n:
+  sourceCommit: 3a1ef2abc8233835f0b0cc73afaf36e44edaf4a1
 ---
 
 {{SVGRef}}
 
-该滤镜为它的父{{SVGElement("feComponentTransfer")}}元素的输入图形的绿色成分定义了变换函数。
+**`<feFuncG>`** [SVG](/zh-CN/docs/Web/SVG) 滤镜原语为其 {{SVGElement("feComponentTransfer")}} 父元素输入图形的绿色分量定义了传递函数。
 
-## 用法
+## 使用上下文
 
 {{svginfo}}
 
-## 示例
-
-## 属性
-
-### 全局属性
+## DOM 接口
 
-- [核心属性](/zh-CN/SVG/Attribute#Core) »
+该元素实现了 {{domxref("SVGFEFuncBElement")}} 接口。
 
-### 专有属性
+## 规范
 
-- [变换函数属性](/zh-CN/SVG/Attribute#Transfer_function_attributes) »
+{{Specifications}}
 
-## DOM 接口
+## 浏览器兼容性
 
-该元素实现了 [`SVGFEFuncGElement`](/zh-CN/DOM/SVGFEFuncGElement) 接口。
+{{Compat}}
 
 ## 参见
 
-- {{ SVGElement("filter") }}
-- {{ SVGElement("animate") }}
-- {{ SVGElement("set") }}
-- {{ SVGElement("feComponentTransfer") }}
-- {{ SVGElement("feFuncA") }}
-- {{ SVGElement("feFuncR") }}
-- {{ SVGElement("feFuncB") }}
-- [SVG 教程：滤镜效果](/zh-CN/SVG/Tutorial/Filter_effects)
+- [SVG 滤镜原语属性](/zh-CN/docs/Web/SVG/Attribute#滤镜属性)
+- {{SVGAttr('flood-color')}} 属性
+- {{SVGAttr('flood-opacity')}} 属性
+- {{SVGElement("filter")}}
+- {{SVGElement("animate")}}
+- {{SVGElement("set")}}
+- {{SVGElement("feComponentTransfer")}}
+- {{SVGElement("feFuncA")}}
+- {{SVGElement("feFuncR")}}
+- {{SVGElement("feFuncB")}}
+- [SVG 教程：滤镜效果](/zh-CN/docs/Web/SVG/Tutorial/Filter_effects)
diff --git a/files/zh-cn/web/svg/element/fefuncr/index.md b/files/zh-cn/web/svg/element/fefuncr/index.md
@@ -1,39 +1,37 @@
 ---
-title: feFuncR
+title: <feFuncR>
 slug: Web/SVG/Element/feFuncR
+l10n:
+  sourceCommit: 3a1ef2abc8233835f0b0cc73afaf36e44edaf4a1
 ---
 
 {{SVGRef}}
 
-该滤镜为它的父{{SVGElement("feComponentTransfer")}}元素的输入图形的红色成分定义了变换函数。
+**`<feFuncR>`** [SVG](/zh-CN/docs/Web/SVG) 滤镜原语为其 {{SVGElement("feComponentTransfer")}} 父元素输入图形的红色分量定义了传递函数。
 
-## 用法
+## 使用上下文
 
 {{svginfo}}
 
-## 示例
-
-## 属性
-
-### 全局属性
+## DOM 接口
 
-- [核心属性](/zh-CN/SVG/Attribute#Core) »
+该元素实现了 {{domxref("SVGFEFuncRElement")}} 接口。
 
-### 专有属性
+## 规范
 
-- [变换函数属性](/zh-CN/SVG/Attribute#Transfer_function_attributes) »
+{{Specifications}}
 
-## DOM 接口
+## 浏览器兼容性
 
-该元素实现了 `SVGFEFuncRElement` 接口。
+{{Compat}}
 
 ## 参见
 
-- {{ SVGElement("filter") }}
-- {{ SVGElement("animate") }}
-- {{ SVGElement("set") }}
-- {{ SVGElement("feComponentTransfer") }}
-- {{ SVGElement("feFuncA") }}
-- {{ SVGElement("feFuncB") }}
-- {{ SVGElement("feFuncG") }}
-- [SVG 教程：滤镜效果](/zh-CN/SVG/Tutorial/Filter_effects)
+- {{SVGElement("filter")}}
+- {{SVGElement("animate")}}
+- {{SVGElement("set")}}
+- {{SVGElement("feComponentTransfer")}}
+- {{SVGElement("feFuncA")}}
+- {{SVGElement("feFuncB")}}
+- {{SVGElement("feFuncG")}}
+- [SVG 教程：滤镜效果](/zh-CN/docs/Web/SVG/Tutorial/Filter_effects)