运算符

operator 属性根据其使用的上下文具有两种含义。它要么定义要执行的合成操作，要么定义要执行的变形操作。

您可以将此属性与以下 SVG 元素一起使用

示例

html,
body,
svg {
  height: 100%;
  font:
    20px Arial,
    Helvetica,
    sans-serif;
}

html

<svg viewBox="0 0 120 70" xmlns="http://www.w3.org/2000/svg">
  <filter id="erode">
    <feMorphology operator="erode" radius="0.4" />
  </filter>
  <filter id="dilate">
    <feMorphology operator="dilate" radius="0.8" />
  </filter>

  <text x="0" y="15">Normal text</text>
  <text x="0" y="40" filter="url(#erode)">Thin text</text>
  <text x="0" y="65" filter="url(#dilate)">Fat text</text>
</svg>

feComposite

对于 <feComposite>，operator 定义要执行的合成操作。

值	`over` \| `in` \| `out` \| `atop` \| `xor` \| `lighter` \| `arithmetic`
默认值	`over`
可动画	是

此值表示在 in 属性中定义的源图形放置在 in2 属性中定义的目标图形之上。

此值表示在 in 属性中定义的源图形与在 in2 属性中定义的目标图形重叠的部分替换目标图形。

此值表示在 in 属性中定义的源图形中超出在 in2 属性中定义的目标图形的部分将显示。

此值表示在 in 属性中定义的源图形中与在 in2 属性中定义的目标图形重叠的部分替换目标图形。不与源图形重叠的目标图形部分保持不变。

此值表示在 in 属性中定义的源图形和在 in2 属性中定义的目标图形的非重叠区域相结合。

此值表示在 in 属性中定义的源图形和在 in2 属性中定义的目标图形的总和将显示。

arithmetic

此值表示使用以下公式组合在 in 属性中定义的源图形和在 in2 属性中定义的目标图形

result = k1*i1*i2 + k2*i1 + k3*i2 + k4

其中：i1 和 i2 表示输入图像的相应像素通道值，分别映射到 in 和 in2，而 k1、k2、k3 和 k4 表示名称相同的属性的值。

feMorphology

对于 <feMorphology>，operator 定义是腐蚀（即变薄）还是膨胀（变粗）源图形。

值	`erode` \| `dilate`
默认值	`erode`
可动画	是

erode: 此值使在 in 属性中定义的源图形变薄。
dilate: 此值使在 in 属性中定义的源图形变粗。

规范

规范
过滤器效果模块级别 1 # element-attrdef-femorphology-operator
过滤器效果模块级别 1 # element-attrdef-fecomposite-operator