javascript - 如何使用 css 过滤器将图像上传到服务器

Question

我找到了一组 css 滤镜，您只需在图像上指定滤镜的 ID 即可将其用于图片。现在我想创建一个按钮，让我将编辑后的图片(带滤镜的图片)发送到我放置图片的文件中我正在使用统一服务器来运行我的 php谁能帮忙？

Answer 1

CSS 过滤器永远不会与 Canvas 一起导出。

原生 Canvas 有一些compositing & blending filters .

但是，除此之外，您必须将滤镜应用于 Canvas 本身。这是通过以下方式完成的:

1. 使用 context.getImageData 获取图像的像素数据，
2. 根据您的过滤算法处理像素数据，
3. 使用 context.putImageData 将修改后的像素替换回 Canvas 上。

您可以通过谷歌搜索“html5 Canvas 过滤器”来探索许多过滤器算法。