如何将图像上传到服务器上并使用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".