使用过滤器从Canvas中检索Base64

Question

我需要从Canvas中检索Base64，在Canvas中我已经使用CSS过滤了一些过滤器。

我尝试过
canvas.toDataURL()

但是它将提供原始图像的Base64。

是否可以使用过滤器检索图像的Base64？

Answer 1

CSS过滤器不是画布本身的一部分，而是应用于画布上。

要将过滤器包含在生成的图像中，您需要使用JavaScript将过滤器应用于画布本身，为此，您有两个主要选择：

• 使用built in filters，它可以完成与CSS过滤器几乎相同的功能（但是在撰写本文时，使用limited browser support）

• 编写您自己的过滤器（或找到一个为您做的图书馆）。这个问题超出了这个问题的范围，但是这种事情有些good tutorials。