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

Question

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

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

Answer 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();