畫布保存和恢復

我目前正在做一個應用程序，允許用戶做一些幻燈片。我正在使用fabricjs使它們在當前幻燈片上添加文字&。但我希望他們能夠添加新的幻燈片。畫布保存和恢復

所以我需要一種方法來保存和存儲當前幻燈片（畫布），當他們擊中「新幻燈片」按鈕。
另一件事是用戶被允許通過從列中選擇它們來編輯以前的畫布。

我相對較新的html5 & fabricjs所以我真的不知道該怎麼做。我嘗試過使用克隆函數，但實際上並沒有工作，所以前一個畫布的drawImage也是如此。

任何想法，可以幫助我開始呢？

我也一直在想如何存儲創建的畫布，我想知道數組列表是否是一個好的方法。

感謝您的幫助

TL;博士：我要救一個畫布，清除它，並能夠在以後恢復它。

來源

2013-03-01 SnoWhite

您可以使用畫布序列化將畫布保存爲JSON，並在需要時恢復畫布。有關詳細教程this fabricjs article是一個好的開始。

來源

2013-03-01 10:02:55 redGREENblue

感謝隊友，我要去看看這個 – SnoWhite 2013-03-01 11:05:38

ctx.fillStyle= 'red' 
// draw a rectangle with default settings 
    ctx.fillRect(0,0,150,150); 
    // Save the default state 
    ctx.save(); 



ctx.fillStyle = '#66FFFF'  
    ctx.fillRect(15,15,120,120); 
    // Save the current state 
    // ctx.save(); 


// Restore previous state 
    ctx.restore(); 
    ctx.fillRect(45,45,60,60);

例如從http://www.tutorialspoint.com/html5/canvas_states.htm

來源

2014-12-25 08:58:41 zloctb

畫布保存和恢復

回答

相關問題