Javascript Fabricjs-Image applyFilters速度较慢,在加载JSON后会修复
我使用fabricjs的image.applyFilters功能。当我第一次在画布上加载图像并应用图像过滤器时,浏览器会阻塞几秒钟,尤其是对于大于2MB的大尺寸图像。但是,当我清除画布并使用loadFromJSON将其加载回时,问题得到了解决,图像过滤器开始正常工作,而不会阻塞浏览器 是关于fabricjs还是我的代码,我想不出来。我将感谢您的帮助。试试这个 img.applyFilters(canvas.renderAll.bind(canvas))Javascript Fabricjs-Image applyFilters速度较慢,在加载JSON后会修复,javascript,html,html5-canvas,fabricjs,Javascript,Html,Html5 Canvas,Fabricjs,我使用fabricjs的image.applyFilters功能。当我第一次在画布上加载图像并应用图像过滤器时,浏览器会阻塞几秒钟,尤其是对于大于2MB的大尺寸图像。但是,当我清除画布并使用loadFromJSON将其加载回时,问题得到了解决,图像过滤器开始正常工作,而不会阻塞浏览器 是关于fabricjs还是我的代码,我想不出来。我将感谢您的帮助。试试这个 img.applyFilters(canvas.renderAll.bind(canvas)) fabric.Image.from
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();