如何保存动态对象的状态（不包含在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；对于较旧的，您将使用 cookie。 jQuery 有许多storage plugins 抽象出特定的存储机制。