Как рисовать и сохранять прямоугольники в приложении для рельсов?

Question

Я пытаюсь создать приложение, которое позволяет пользователю устанавливать заранее определенные области над фоном карты. Вместо того, чтобы указывать координаты X, Y, я хочу, чтобы они могли рисовать области поверх карты, а затем нажимать «Сохранить». Затем я хочу записать эти фигуры в базу данных, чтобы потом представить их позже.

Я смотрел на учебники, такие как это одна:

http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/

Как бы я идти о запуске создать такую ​​функциональность? Где я должен смотреть? Я понимаю, что это большой вопрос и, возможно, слишком широк, но список вариантов для рассмотрения был бы удивительным ответом.

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

Answer 1

Это работа для javascript. Ruby и HTML не могут сделать это в одиночку. В основном в вашем javascript-коде вам нужно будет прослушивать некоторые события, которые вызывают действие сохранения (пользователь изменяет размер изображения или перетаскивает его), а затем собирает данные, которые вы хотите сохранить (позиция изображения & размер, я думаю), а затем отправьте это на бэкэнд через запрос AJAX. Затем вы можете сохранить его в db.