#javascript #canvas #reference
#javascript #canvas #ссылка
Вопрос:
У меня есть 2 html-страницы. Для каждого из них у меня есть 1 js-файл, выполняющий некоторый код. Что я хочу сделать сейчас, это взять половину информации в моем canvas на первой странице (скажем, левую половину моего canvas) и отправить ее на мою вторую страницу. На моей второй странице у меня также есть холст, который показывает левую половину холста моей предыдущей страницы. Идея заключается в том, что я могу внести изменения на этой второй странице, но я хочу, чтобы эти изменения в конечном итоге также были видны на холсте первой страницы.
Проблема, с которой я столкнулся, в том, что я не очень уверен, как это сделать. Я знаю, как передавать переменные между страницами. Я также знаю, как передать информацию о массиве canvas с помощью JSON на вторую HTML-страницу. Но когда я вношу изменения в эту информацию, изменения не видны на моей первой странице. Я ожидал, что эти изменения произойдут автоматически, потому что эта информация должна передаваться по ссылке, но, видимо, это не так.
Кто-нибудь знает, почему эти изменения не отображаются на первой странице и как решить эту проблему? Или, может быть, есть лучший способ передать эту информацию canvas?
Комментарии:
1. Как вы сейчас передаете данные между страницами? Это звучит как хороший вариант использования для использования событий хранилища .
2. Вам следует изучить возможность использования фреймворка SPA (одностраничное приложение), такого как Angular, Vue или React, вместо использования нескольких HTML-файлов.
3. посмотрите на сокет. ввод-вывод и websockets. на самом деле есть демонстрационная версия для доски