javascript - Fabricjs - 图像 applyFilters 很慢，在 loadFromJSON 之后它修复了

Question

我使用fabricjs的image.applyFilters功能。当我第一次在 Canvas 上加载图像并应用图像过滤器时，浏览器会阻塞几秒钟，尤其是对于大于 2 MB 的大尺寸图像。但是，当我清除 Canvas 并使用 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();