Сохранить чертежные координаты с холста в базу данных

Question

В настоящее время я пытаюсь отслеживать движения чертежей лиц и сохранять их в базе данных.

На моей веб-странице есть холст, который позволяет пользователю рисовать с помощью мыши. Я хотел бы иметь возможность сохранять движения, которые пользователь делает во время рисования, чтобы я мог отслеживать каждое движение, сделанное во время рисования.

Мое собственное соображение по поводу решения заключается в том, что всякий раз, когда пользователь нажимает на мышь внутри холста, координаты будут сохранены до тех пор, пока пользователь не отпустит кнопку мыши. Другое решение - сохранить изображение холста каждые 3-4 щелчка на холсте, чтобы вы могли видеть процесс рисования.

У кого-нибудь есть лучшее решение или какие-то советы о том, как наилучшим образом достичь такой возможности?

UPDATE:

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

Координаты будут сохранены в базе данных, когда пользователь нажимает кнопку сохранения, поэтому мне нужно сохранить все координаты до тех пор, пока не будет нажата кнопка.

Мне нужна помощь как на стороне клиента, так и на стороне сервера. Серверная сторона написана на Java. В настоящее время я использую JavaScript на стороне клиента и MySQL в качестве моей базы данных.

Answer 1

Отправка координат на сервер во время рисования человека может привести к большому трафику и может замедлить реакцию вашего сервера с другими пользователями.

Вместо того, чтобы захватывать и отправлять каждое движение, а:

• буфер движения от мыши вниз до мыши вверх, а затем отправить его «начертить экземпляр» на сервер;
• эти начертить записываемые экземпляры в массиве, и когда пользователь заканчивает рисовать -Тогда только представить на сервер может быть даже лучше

Используя «веб-сокеты» экземпляра для каждого пользователя может быть предпочтительным, так как это будет намного быстрее, чем HTTP-запрос (AJAX), и в то же время, если вы одновременно используете несколько человек, веб-сокет может вытолкнуть данные других пользователей на живой чертеж подключенного пользователя.

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