如何提高 fabric.Image.fromURL 的性能答案

【问题标题】：How to increase performance in fabric.Image.fromURL如何提高 fabric.Image.fromURL 的性能
【发布时间】：2016-01-11 03:20:35
【问题描述】：

我正在尝试使用

将图像从我的画布加载到织物画布

fabric.Image.fromURL(hc.toDataURL(), 
               function(img) {
                    canvas.add(img);
               }
 );

但如果我添加一个 25 MB 的图像，它根本不会加载图像。但是，如果不使用织物 js，我可以通过复制画布和 putImageData 来做到这一点。

关于如何提高性能的任何建议？

【问题讨论】：

Fabric.js 可能没有针对如此大的图像进行优化。但是，我假设您的画布中不需要如此大尺寸的图像，它们的实际质量。为什么不使用简单的隐藏画布调整图像数据的大小，然后在织物画布中绘制调整大小的数据 uri。你可以从stackoverflow.com/questions/20958078/…（第二个答案）那里得到一些帮助
我确实有一个隐藏的画布。我们可以用这个fabricjs.com/docs/fabric.Image.html#fromObject做点什么@

【解决方案1】：

hc 即隐藏的画布将是对实际织物画布的引用。所以，这完全取决于你如何加载隐藏的画布。所以，在进入织物渲染部分之前，可能会尝试修复该部分。

希望这一切都解决了。

【讨论】：