operator

Ví dụ

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

<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">Văn bản thường</text>
  <text x="0" y="40" filter="url(#erode)">Văn bản mảnh</text>
  <text x="0" y="65" filter="url(#dilate)">Văn bản đậm</text>
</svg>

feComposite

Đối với <feComposite>, operator xác định phép kết hợp sẽ được thực hiện.

over

Giá trị này cho biết rằng đồ họa nguồn được định nghĩa trong thuộc tính in được đặt lên trên đồ họa đích được định nghĩa trong thuộc tính in2.

in

Giá trị này cho biết rằng các phần của đồ họa nguồn được định nghĩa trong thuộc tính in chồng lấp với đồ họa đích được định nghĩa trong thuộc tính in2 sẽ thay thế đồ họa đích.

out

Giá trị này cho biết rằng các phần của đồ họa nguồn được định nghĩa trong thuộc tính in nằm ngoài đồ họa đích được định nghĩa trong thuộc tính in2 sẽ được hiển thị.

atop

Giá trị này cho biết rằng các phần của đồ họa nguồn được định nghĩa trong thuộc tính in, chồng lấp với đồ họa đích được định nghĩa trong thuộc tính in2, sẽ thay thế đồ họa đích. Các phần của đồ họa đích không chồng lấp với đồ họa nguồn sẽ không bị thay đổi.

xor

Giá trị này cho biết rằng các vùng không chồng lấp của đồ họa nguồn được định nghĩa trong thuộc tính in và đồ họa đích được định nghĩa trong thuộc tính in2 sẽ được kết hợp.

lighter

Giá trị này cho biết rằng tổng của đồ họa nguồn được định nghĩa trong thuộc tính in và đồ họa đích được định nghĩa trong thuộc tính in2 sẽ được hiển thị.

arithmetic

Giá trị này cho biết rằng đồ họa nguồn được định nghĩa trong thuộc tính in và đồ họa đích được định nghĩa trong thuộc tính in2 được kết hợp bằng công thức sau:

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

trong đó: i1 và i2 chỉ các giá trị kênh pixel tương ứng của ảnh đầu vào, ánh xạ tới in và in2 tương ứng, và k1, k2, k3, và k4 chỉ các giá trị của các thuộc tính cùng tên.

feMorphology

Đối với <feMorphology>, operator xác định có erode (tức làm mảnh) hay dilate (làm dày) đồ họa nguồn.

erode

Giá trị này làm mảnh đồ họa nguồn được định nghĩa trong thuộc tính in.

dilate

Giá trị này làm dày đồ họa nguồn được định nghĩa trong thuộc tính in.

Thông số kỹ thuật