| <svg width="400" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <g> |
| <g transform="translate(10, 10)"> |
| <rect x="0" y="0" width="100" height="100" fill="red" /> |
| <rect x="40" y="40" width="20" height="20" fill="blue" filter="url(#ct)"/> |
| </g> |
| <g transform="translate(130, 10)"> |
| <rect x="0" y="0" width="100" height="100" fill="red" /> |
| <rect x="40" y="40" width="20" height="20" fill="blue" filter="url(#cm)"/> |
| </g> |
| <g transform="translate(250, 10)"> |
| <rect x="0" y="0" width="100" height="100" fill="red" /> |
| <rect x="40" y="40" width="20" height="20" fill="blue" filter="url(#ar)"/> |
| </g> |
| </g> |
| <defs> |
| <filter id="ct" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"> |
| <feComponentTransfer> |
| <feFuncR type="linear" intercept="0" |
| slope="0"/> |
| <feFuncG type="linear" intercept="1" |
| slope="0"/> |
| <feFuncB type="linear" intercept="0" |
| slope="0"/> |
| <feFuncA type="linear" intercept="1" slope="0"/> |
| </feComponentTransfer> |
| </filter> |
| <filter id="cm" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"> |
| <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 1"/> |
| </filter> |
| <filter id="ar" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"> |
| <feComposite operator="arithmetic" k4="1"/> |
| <feComponentTransfer> |
| <feFuncR type="linear" intercept="0" |
| slope="0"/> |
| <feFuncG type="linear" intercept="1" |
| slope="0"/> |
| <feFuncB type="linear" intercept="0" |
| slope="0"/> |
| </feComponentTransfer> |
| </filter> |
| </defs> |
| </svg> |