Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
k3
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Januar 2020.
Dask3-Attribut definiert einen der Werte, der innerhalb derarithmetic-Operation der<feComposite>-Filterprimitive verwendet wird.
Die Pixelzusammensetzung wird mit der folgenden Formel berechnet:
js
result = k1 * i1 * i2 + k2 * i1 + k3 * i2 + k4;Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
html,body,svg { height: 100%;}html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter x="0" y="0" width="100%" height="100%"> <feComposite in2="SourceGraphic" operator="arithmetic" k1="1" k2="0" k3="1" k4="0" /> </filter> <filter 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>Verwendungshinweise
| Wert | <number> |
|---|---|
| Standardwert | 0 |
| Animierbar | Ja |
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1 # element-attrdef-fecomposite-k3 |