運算子

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