Modify RGBA Color Channels With The feComponentTransfer Filter Primitive

Often when altering the color of an image you’d like to make one area brighter and another darker or you want to increase the saturation of reds while decreasing the saturation of blues and greens. The feComponentTransfer allows you to work with each channel, including the alpha channel independently of the others.

Continue reading

Modify The Color Values Of An Image With The feColorMatrix Filter Primitive

Sometimes you can completely change the emotional impact of an image through color changes alone. You can make the subject pop or you can change a cool image into a warmer one. SVG provides a couple of primitives that allow for the non-destructive modifications of color in any image or graphic.

Continue reading

SVG Blend Modes With The feBlend Filter Primitive

You’ve probably used an image editor to combine two images together using one of the different blend modes available in your editor of choice to create some very interesting images. Did you know SVG has a filter that lets you do the same thing?

Continue reading

Combine Input Images With The feComposite Filter Primitive

Have you ever used an image editor to use one graphic to punch a shape in another? Maybe you added one simple graphic to second to create a larger and more complex shape. If so you’ll probably like working with feComposite, which allows you to combine two input images in several ways.

Continue reading

Combine The Results of SVG Filter Primitives with feMerge

Interesting SVG filter effects are produced when you combine multiple filter primitives inside a single filter. Even more interesting is when you can output the results of different primitives as layers that can be displayed together.

Continue reading