Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
tableValues
DastableValues-Attribut definiert eine Liste von Zahlen, die eine Look-up-Tabelle von Werten für eine Farbkomponenten-Transferfunktion festlegt.
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"> <defs> <linearGradient gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="200" y2="0"> <stop offset="0" stop-color="red" /> <stop offset="0.5" stop-color="lime" /> <stop offset="1" stop-color="blue" /> </linearGradient> </defs> <filter x="0" y="0" width="100%" height="100%"> <feComponentTransfer> <feFuncR type="table" tableValues="0 1" /> <feFuncG type="table" tableValues="0 1" /> <feFuncB type="table" tableValues="0 1" /> </feComponentTransfer> </filter> <filter x="0" y="0" width="100%" height="100%"> <feComponentTransfer> <feFuncR type="table" tableValues="1 0" /> <feFuncG type="table" tableValues="1 0" /> <feFuncB type="table" tableValues="1 0" /> </feComponentTransfer> </filter> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" filter="url(#componentTransfer1)" /> <rect x="220" y="0" width="200" height="200" fill="url(#gradient)" filter="url(#componentTransfer2)" /></svg>Verwendungshinweise
| Wert | <list-of-numbers> |
|---|---|
| Standardwert | Leere Liste, die in einer Identitätstransformation resultiert |
| Animierbar | Ja |
<list-of-numbers>Dieser Wert enthält eine durch Kommas und/oder Leerzeichen getrennte Liste von
<number>s, die eine Look-up-Tabelle für die Farbkomponenten-Transferfunktion definieren. Jeder Wert kann zwischen0und1liegen.Eine leere Liste führt zu einer Identitätstransformationsfunktion.
Spezifikationen
| Specification |
|---|
| Filters 1.0 # element-attrdef-fecomponenttransfer-tablevalues |