k1
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 k1 xác định một trong các giá trị được dùng trong thao tác arithmetic của filter primitive <feComposite>.
Việc tổng hợp pixel được tính bằng 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="0"
k4="0" />
</filter>
<filter id="composite2" x="0" y="0" width="100%" height="100%">
<feComposite
in2="SourceGraphic"
operator="arithmetic"
k1="10"
k2="0"
k3="0"
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ể hoạt ảnh | Có |
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Filter Effects Module Level 1 # element-attrdef-fecomposite-k1 |