Javascript 使用FabricJS-like-webkit过滤器

我在网上找不到答案，所以我想用FabricJS代替-webkit过滤器，因为我有一系列过滤器，我喜欢在我网页上的div背景图像上使用。我现在的问题是：如何用FabricJS实现这一点？背景图像是由CSS规则background image:url（/path/to/img）在div上设置的，我只想在图像呈现为div的背景之前对其应用一些FabricJS图像过滤器。这可能吗？如果是的话，我该怎么做呢？

好吧，我将使用fabric和JQuery执行以下操作：

• 创建具有图像宽度和高度的织物画布元素
• 将原始图像插入画布
• 对图像应用过滤器
• 使用过滤器声明变量

  var image\u

• 使用

  image\u和\u filters=canvas.toDataURL（'image/jpeg'，0.8）将画布内容分配给此变量（或某些图像格式和参数）

• 将此变量应用于div background

  $（“#your_div”）.css（'backgroundImage'，'url（'+image_with_filters+'））

• 试试看

问候