如何上传一个图像到服务器上的css过滤器

我已经找到了一包css过滤器，您可以在图片上使用，只需在图像上指定过滤器的ID即可。现在我想创建一个按钮，让我发送编辑图片（图片与过滤器）到一个文件，我把图片我使用统一服务器来运行我的PHP 任何人都可以帮忙吗？如何上传一个图像到服务器上的css过滤器

来源

2016-04-25 Yassine Laadraoui

我不知道这是否可行，但您可以尝试将过滤后的图像绘制到画布上，然后将画布保存为图像。 – Musa

@Musa你知道我能做到吗？ –

[画图像到画布]（https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/drawImage），[从画布导出图像]（http://stackoverflow.com/questions/923885/ capture-html-canvas-as-gif-jpg-png-pdf） – Musa

CSS滤镜不会随画布一起导出。

本地画布有一些compositing & blending filters。

但是，除此之外，您必须将过滤器应用于画布本身。这是通过：

与context.getImageData抓取图像的像素数据，
根据您的滤波算法操纵像素数据，
与context.putImageData画布上的更换修改后的像素背。

您可以使用谷歌搜索“html5 canvas filters”探索许多过滤算法。

来源

2016-04-25 19:39:26 markE

只需提一下，画布现在（或至少很快就会有）CSS过滤器并入context.filter（目前在铬和FF的旗帜下）。 – Kaiido

@Kaiido。良好的信息...很酷，听到即将到来的过滤器！ – markE

如何将滤镜应用于绘制到画布上的图像？ – Musa

如何上传一个图像到服务器上的css过滤器

回答

相关问题