Сохранить изменения, сделанные в HTML-холсте или веб-странице - PullRequest
1 голос
/ 13 февраля 2012

У меня есть HTML-холст, на котором пользователь рисует некоторые фигуры.Теперь предположим, что после рисования некоторых фигур пользователь вводит новый URL-адрес и переходит на этот URL-адрес.Когда пользователь нажимает кнопку «Назад» в браузере и возвращается на мою страницу, все его ранее нарисованные фигуры исчезают.

Я хочу, чтобы эти фигуры оставались такими, чтобы когда пользователь вернулся, он мог возобновитьс его предыдущими формами.Любая идея?

1 Ответ

1 голос
/ 13 февраля 2012

Вам необходимо сохранить то, что пользователь рисует в объектах, а затем сериализовать их в JSON . После его сериализации вы можете сохранить JSON с помощью локального хранилища, в файле cookie или в базе данных.

Используя localStorage, вы можете сохранить данные с помощью:

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

и позже прочитайте его с:

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

но вам нужен браузер с поддержкой localStorage.

Есть также проблемы совместимости, о которых вам нужно позаботиться, см. Хранилище DOM .

...