k3
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 k3 định nghĩa một trong các giá trị được dùng trong phép toán arithmetic của primitive bộ lọc <feComposite>.
Việc kết hợp các pixel được tính theo công thức sau:
js
result = k1 * i1 * i2 + k2 * i1 + k3 * i2 + k4;
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="composite1" x="0" y="0" width="100%" height="100%">
<feComposite
in2="SourceGraphic"
operator="arithmetic"
k1="1"
k2="0"
k3="1"
k4="0" />
</filter>
<filter id="composite2" x="0" y="0" width="100%" height="100%">
<feComposite
in2="SourceGraphic"
operator="arithmetic"
k1="1"
k2="0"
k3="10"
k4="0" />
</filter>
<image
href="mdn.svg"
x="0"
y="0"
width="200"
height="200"
filter="url(#composite1)" />
<image
href="mdn.svg"
x="220"
y="0"
width="200"
height="200"
filter="url(#composite2)" />
</svg>
Ghi chú sử dụng
| Giá trị | <number> |
|---|---|
| Giá trị mặc định | 0 |
| Có thể animate | Có |
Đặc tả
| Specification |
|---|
| Filter Effects Module Level 1 # element-attrdef-fecomposite-k3 |