Comment dessiner et enregistrer des rectangles dans une application rails?

Question

J'essaie de construire une application qui permet à l'utilisateur de définir des régions prédéfinies sur un fond de carte. Plutôt que de spécifier les coordonnées X, Y, je veux qu'ils soient capables de dessiner les régions au-dessus de la carte, puis de cliquer sur Enregistrer. Je veux ensuite enregistrer ces formes dans la base de données pour pouvoir les présenter plus tard.

J'ai regardé des tutoriels comme celui-ci:

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

Comment pourrais-je aller à commencer à créer ce type de fonctionnalité? Où devrais-je regarder? Je comprends que c'est une grande question et peut-être un peu trop large, mais une liste d'options à envisager serait une réponse étonnante.

Si quelqu'un a des conseils sur les endroits où je peux commencer, ce serait très apprécié.

Answer 1

C'est un travail pour javascript. Ruby et HTML ne peuvent pas le faire seuls. Fondamentalement, dans votre code javascript, vous devrez écouter certains événements qui déclenchent votre action de sauvegarde (l'utilisateur redimensionne l'image ou l'enlève), puis collecter les données que vous souhaitez enregistrer (position de l'image & taille) et ensuite envoyer ceci au backend via une requête AJAX. Ensuite, vous pouvez le stocker dans le db.