javascript - 将应用了 CSS3 滤镜的 Canvas 保存为图像

Question

我已将一些 CSS3 滤镜应用于 Canvas 上的图像，如下所示:

-webkit-filter brightness(0%) grayscale(100%) contrast(1000%)

但是当我将图像保存到计算机时，保存的是原始图像，而不是应用了滤镜的图像。有没有办法保存修改后的版本？

Answer 1

使用着色器在 Canvas 中应用滤镜，而不是使用 CSS 样式。

或者，制作一个隐藏的 Canvas ，将您的内容绘制到其中，对其应用 CSS3 过滤器，然后使用该 Canvas 输出到可见的 Canvas 。