Fabricjs - 图像应用过滤器很慢，在 loadFromJSON 之后它修复了答案

【问题标题】：Fabricjs - Image applyFilters is slow and after loadFromJSON it fixesFabricjs - 图像应用过滤器很慢，在 loadFromJSON 之后它修复了
【发布时间】：2013-11-02 23:31:56
【问题描述】：

我使用了 fabricjs 的 image.applyFilters 功能。当我第一次在画布上加载图像并应用图像过滤器时，浏览器会阻塞几秒钟，尤其是对于大于 2 MB 的大尺寸图像。但是，当我清除画布并使用 loadFromJSON 将其加载回来时，问题得到解决，图像过滤器开始正常工作而不会阻塞浏览器。

是关于 fabricjs 还是我的代码，我想不通。我会感谢任何帮助。

【问题讨论】：

标签： javascript html html5-canvas fabricjs

【解决方案1】：

试试这个

img.applyFilters(canvas.renderAll.bind(canvas));

    fabric.Image.fromURL(e.target.src, function(img) {
          img.filters.push(new fabric.Image.filters.Tint());
          img.applyFilters(canvas.renderAll.bind(canvas));
           canvas.add(img);
});

 canvas.deactivateAll().renderAll();

【讨论】：