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>
© 20072024 XoaX.net LLC. All rights reserved.