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

Question

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

是关于fabricjs还是我的代码，我无法弄明白。我会帮助你。

Answer 1

试试这个

img.applyFilters（canvas.renderAll.bind（画布））;

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