Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Fabricjs-Image applyFilters速度较慢,在加载JSON后会修复_Javascript_Html_Html5 Canvas_Fabricjs - Fatal编程技术网

Javascript Fabricjs-Image applyFilters速度较慢,在加载JSON后会修复

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

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

是关于fabricjs还是我的代码,我想不出来。我将感谢您的帮助。

试试这个

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