如何繪製矩形並將其保存到軌道應用程序中？

Question

我正在嘗試構建一個應用程序，允許用戶在地圖背景上設置預定義區域。我不希望指定X，Y座標，而是希望它們能夠在地圖頂部繪製區域，然後點擊保存。然後我想將這些形狀記錄到數據庫中，以便稍後再提供。

我一直在尋找的教程像這樣的：

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

我將如何着手開始打造這種功能？我應該在哪裏看？我知道這是一個很大的問題，也許有點過於寬泛，但要考慮的選項列表將是一個驚人的答案。

如果任何人有任何提示，我可以開始它將不勝感激。

Answer 1

這是javascript的工作。 Ruby和HTML不能單獨做到這一點。基本上在你的JavaScript代碼中，你將不得不聽取一些觸發你的保存操作的事件（用戶調整圖像大小或拖動它），然後收集你想要保存的數據（我猜想圖像位置&大小）然後發送這通過AJAX請求到後端。然後你可以將它存儲在數據庫中。