divisor
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Thuộc tính divisor chỉ định giá trị mà theo đó số kết quả khi áp dụng kernelMatrix của phần tử <feConvolveMatrix> lên giá trị màu của ảnh đầu vào sẽ được chia để tạo ra giá trị màu đích.
Một divisor là tổng của tất cả các giá trị ma trận có xu hướng tạo ra hiệu ứng làm đều cường độ màu tổng thể của kết quả.
Bạn có thể dùng thuộc tính này với phần tử SVG sau:
Ví dụ
html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="convolveMatrix1" x="0" y="0" width="100%" height="100%">
<feConvolveMatrix kernelMatrix="1 2 0 0 0 0 0 0 -1" divisor="1" />
</filter>
<filter id="convolveMatrix2" x="0" y="0" width="100%" height="100%">
<feConvolveMatrix kernelMatrix="1 2 0 0 0 0 0 0 -1" divisor="8" />
</filter>
<image
href="mdn_logo_only_color.png"
width="200"
height="200"
filter="url(#convolveMatrix1)" />
<image
x="220"
href="mdn_logo_only_color.png"
width="200"
height="200"
filter="url(#convolveMatrix2)" />
</svg>
Ghi chú sử dụng
| Giá trị | <number> |
|---|---|
| Giá trị mặc định |
Tổng của tất cả các giá trị trong kernelMatrix hoặc
1 nếu tổng bằng 0
|
| Có thể hoạt ảnh | Có |
<number>-
Giá trị này xác định divisor. Nếu divisor được chỉ định là
0thì giá trị mặc định sẽ được dùng thay thế.
Thông số kỹ thuật
| Specification |
|---|
| Filter Effects Module Level 1 # element-attrdef-feconvolvematrix-divisor |