How to save image from canvas with CSS filters

Question

I need to save an image after using CSS filters on the client-side (without using a backend). What I have so far:

1. Use CSS filters
2. Co

Answer 1

CSS filters applied to the canvas will not be applied to the image that is produced. You either need to replicate the filters in canvas or rather re apply the same filters to the generated image.

Try putting the generated image data into the source of an img tag & apply the same filters.