htmlキャンバスまたはウェブページの変更を保存する

Question

私は、ユーザがいくつかの図形を描くHTMLキャンバスを持っています。いくつかの図形を描画した後、ユーザーが新しいURLを入力してそのURLに移動するとします。ユーザーがブラウザの戻るボタンを押して自分のページに戻ると、先に描いたすべての図形が消えてしまいます。

私が欲しいのは、ユーザーが戻ったときに彼の以前の形を再開できるように、その形をどこかに保つことです。 アイデア？

Answer 1

オブジェクトを描画するオブジェクトを保存してから、JSONにシリアル化する必要があります。シリアル化されると、localstorageを使用してJSONをクッキーまたはデータベースに格納できます。

あなたがデータを保存することができますのlocalStorageを使用する：

try { 
    localStorage.setItem(“jsonName”, jsonString); 
} exception(e) { 
    // do something 
} 

以降でそれを読む：

var jsonString = localStorage.getItem(“jsonName”); 

しかし、あなたはのlocalStorageをサポートしているブラウザが必要です。

また、互換性の問題があり、気にする必要があります。DOM storageを参照してください。