如何提高性能fabric.Image.fromURL

我試圖用如何提高性能fabric.Image.fromURL

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

加載從我的帆布面料帆布圖像，但如果我添加一個25 MB的圖像不會加載所有圖像。但是，如果不使用fabric js，我可以通過複製canvas和putImageData來完成。

有關如何提高性能的任何建議？

來源

2015-10-13 subhfyu546754

Fabric.js可能無法針對如此大的圖像進行優化。不過，我認爲你的畫布中並不需要這種非常大尺寸的圖像，它們的實際質量。爲什麼不使用簡單的隱藏畫布調整圖像數據大小，然後在織物畫布中繪製調整大小的數據uri。你可以從http://stackoverflow.com/questions/20958078/resize-base64-image-in-javascript-without-using-canvas（第二個答案）獲得一些幫助。 –

我確實有一個隱藏的畫布。我們可以做些什麼這個http://fabricjs.com/docs/fabric.Image.html#fromObject – subhfyu546754

hc即隱藏畫布將是對實際織物畫布的參考。所以，這完全取決於你如何加載你的隱藏畫布。所以，可能會嘗試修復該部分之前來織物渲染部分。

希望這個清除。

來源

2015-11-06 18:39:24

如何提高性能fabric.Image.fromURL

回答

相關問題