我希望创建一个本地（离线）HTML5 页面，其中包含各种大小的矩形，其中包含一段文本（和链接），可以通过用户拖动来重新定位。没有必要将它们放入任何目标；只是为了拖动它们。但是页面必须记住它们的最终位置，并在重新打开时将它们显示在那里。
我确实想过使用 Canvas 来执行此操作，但在矩形中绘制文本非常慢。最好为每个段落创建一个 div（带边框）。到目前为止，我发现的最接近的解决方案是这个，其中一个将“放在一边”。原始页面在这里。
我需要编写什么代码来在本地（离线）存储这些位置，最好是通过自我修改 HTML 页面本身？我知道 HTML5 中有 localStorage 和 sessionStorage 对象，但没有尝试使用它们。
PS 这个页面是我自己使用的，因为我使用的是 Firefox，所以我对其他浏览器不感兴趣。我更喜欢使用 Javascript 而不是 jQuery，但欢迎所有建议。
PS 在等待回复时，我偶然发现了这个网站：
使用 HTML5、CSS3 和 JavaScript 构建的图表是使用画布创建的，并且可以离线使用，这要归功于ApplicationCache。
这是要走的路吗？