如何保存動態對象的狀態（未包含在html中）

Question

我正在做一個項目，涉及將一個形狀放置在畫布上並保存其狀態以在另一個會話中查看。由於形狀的顏色和位置不是源HTML的一部分，也不是由表單提供的，我怎樣才能保存它？我試圖將形狀的數據存儲在一個對象然後一個數組中，但我不知道如何在另一個會話中檢索這些信息。這裏是形狀代碼：

var shapeState = { //Example of a shape being recorded 
          number:increment, 
          id:thisCanvas, 
          type:'shape', 
          kind:shapeKind, 
          cheight:canvasHeight, 
          cwidth:canvasWidth, 
          height:shapeHeight, 
          width:shapeWidth, 
          color:shapeColor, 
          x:xPos, 
          y:yPos 
         } 

         totalState.push(shapeState); //State of shape data has been stored in global array 

任何人都可以幫忙嗎？整個項目的小提琴在這裏：http://jsfiddle.net/RymyY/5/

Answer 1

現代瀏覽器支持web storage API;對於老年人，你會使用cookies。 jQuery有多個storage plugins，它們抽象出特定的存儲機制。