This SVG example illustrates how to apply a linear component transfer filter.
<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg">
<filter id="ComponentTransferFilter">
<!-- Double each component -->
<feComponentTransfer result="component">
<feFuncR type="linear" slope="2" intercept="0"/>
<feFuncG type="linear" slope="2" intercept="0"/>
<feFuncB type="linear" slope="2" intercept="0"/>
</feComponentTransfer>
</filter>
<!-- Original Version -->
<circle cx="100" cy="100" r="75" fill="#AAAAFF" stroke="lightblue" stroke-width="10"></circle>
<!-- Filtered Version -->
<g style="filter: url(#ComponentTransferFilter)" transform="translate(200, 0)">
<circle cx="100" cy="100" r="75" fill="#AAAAFF" stroke="lightblue" stroke-width="10"></circle>
</g>
</svg>
© 20072025 XoaX.net LLC. All rights reserved.