如何保存动态对象的状态（未包含在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，它们抽象出特定的存储机制。