k1

SVG Elements
1. A
2. B-C
3. D
  1. <defs>
  2. <desc>
4. E
  1. <ellipse>
5. F
6. G
7. H
  1. <hkern>
8. I
  1. <image>
9. J-L
  1. <line>
  2. <linearGradient>
10. M
11. N-P
12. Q-R
  1. <radialGradient>
  2. <rect>
13. S
  1. <script>
  2. <set>
  3. <stop>
  4. <style>
  5. <svg>
  6. <switch>
  7. <symbol>
14. T
15. U
  1. <use>
16. V-Z
  1. <view>
  2. <vkern>

The k1 attribute defines one of the values to be used within the arithmetic operation of the <feComposite> filter primitive.

The pixel composition is computed using the following formula:

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

You can use this attribute with the following SVG elements:

<feComposite>

Example

html, body, svg {
  height: 100%;
}

<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" style="filter: url(#composite1);" />
  <image href="mdn.svg" x="0" y="0"
      width="200" height="200" style="filter: url(#composite2); transform: translateX(220px);" />
</svg>

Usage notes

Value	`<number>`
Default value	`0`
Animatable	Yes

Specifications

Specification	Status	Comment
Filter Effects Module Level 1 The definition of 'k1' in that specification.	Working Draft	No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'k1' in that specification.	Recommendation	Initial definition

Browser compatibility

BCD tables only load in the browser