Как сделать мои рисунки на холсте видимыми для другого пользователя, который открывает ту же страницу, где выполняются действия с использованием сценария paper.js

Я работаю с paper.js в приложении asp.net mvc4, которое помогает рисовать на области холста HTML. Мне нужна ваша поддержка для моего требования: когда я рисую на своем холсте, я хочу, чтобы эти рисунки были видны на другом холсте, который открыл ту же страницу через Интернет. Paper.js предоставляет глобальную переменную с именем project.activeLayer для доступа к отображаемым элементам. Я сохранил данные cavnas в формате JSON из активного слоя, затем я отправляю эти данные через связь с сервером. Как я могу восстановить представление на холсте с теми же данными. ? (или) Есть ли способ сделать это без передачи данных.?

Спасибо, сурбоб.


asp.net-mvc-4 html5-canvas paperjs
person surbob    schedule 30.01.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это не будет просто. То, о чем вы говорите, в основном то же самое, что и чат с клиентами в браузере. Вам нужно отправить данные холста на сервер, а затем заставить сервер обновить все другие клиенты, подключенные к нему.

Вероятно, лучше всего начать с примера в чате и изменить код для обработки данных холста. Библиотека связи в реальном времени SignalR, вероятно, поможет значительно упростить работу, и в ней есть хорошие образцы для получения ты идешь.

person Andrew Cooper    schedule 30.01.2013
comment
Спасибо, Купер, но я не хочу передавать данные между сервером и клиентом. Моя ситуация не позволяет правильно использовать глобальную переменную с именем project.activeLayer для получения активного слоя в другую переменную. - person surbob; 30.01.2013
comment
Итак, у вас открыт холст в браузере, и вы рисуете на нем. Холст, на который вы хотите скопировать рисунки, открыт в том же браузере или в браузере на другом компьютере? - person Andrew Cooper; 30.01.2013