動的オブジェクトの状態を保存する方法（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をサポートしています。古いものについては、クッキーを使用します。 jQueryには、特定のストレージメカニズムを抽象化した数のstorage pluginsがあります。