如何将图像上传到具有CSS过滤器的服务器

Question

i have found a pack of css filter that you can use on pictures with just specifying the id of the filter on the image. right now i want to create a button that will let me send the edited picture(the picture with the filter) to a file where i put the pictures i'm using a Uniform server to run my php can anyone help ?

Answer 1

CSS filters are never exported along with the canvas.

Native canvas has some compositing & blending filters .

But, beyond that, you must apply the filter to the canvas itself. This is done by:

1. Fetching the image's pixel data with context.getImageData ,
2. Manipulating the pixel data according to your filter algorithm,
3. Replacing the modified pixels back on the canvas with context.putImageData .

You can explore the many filter algorithms by Googling "html5 canvas filters".