Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 如何在rails应用程序中绘制和保存矩形?_Ruby On Rails_Ruby_Ruby On Rails 3_Html5 Canvas - Fatal编程技术网

Ruby on rails 如何在rails应用程序中绘制和保存矩形?

Ruby on rails 如何在rails应用程序中绘制和保存矩形?,ruby-on-rails,ruby,ruby-on-rails-3,html5-canvas,Ruby On Rails,Ruby,Ruby On Rails 3,Html5 Canvas,我正在尝试构建一个应用程序,允许用户在地图背景上设置预定义的区域。我希望他们能够在地图顶部绘制区域,然后点击save,而不是指定X、Y坐标。然后我想将这些形状记录到数据库中,以便以后可以再次显示它们 我一直在看这样的教程: 我如何开始创建这种功能?我应该去哪里看?我知道这是一个大问题,也许有点太宽泛了,但是一个可以考虑的选项列表将是一个惊人的答案。 如果有人能告诉我从哪里开始,我将不胜感激。这是javascript的工作。Ruby和HTML不能单独做到这一点。基本上,在javascript代码

我正在尝试构建一个应用程序,允许用户在地图背景上设置预定义的区域。我希望他们能够在地图顶部绘制区域,然后点击save,而不是指定X、Y坐标。然后我想将这些形状记录到数据库中,以便以后可以再次显示它们

我一直在看这样的教程:

我如何开始创建这种功能?我应该去哪里看?我知道这是一个大问题,也许有点太宽泛了,但是一个可以考虑的选项列表将是一个惊人的答案。
如果有人能告诉我从哪里开始,我将不胜感激。

这是javascript的工作。Ruby和HTML不能单独做到这一点。基本上,在javascript代码中,您必须侦听触发保存操作的一些事件(用户调整图像大小或将其拖走),然后收集要保存的数据(我猜是图像位置和大小),然后通过AJAX请求将其发送到后端。然后您可以将其存储在数据库中。

太棒了,谢谢。我整个下午都在忙这个。我可以让html5画布将值传回JS。你能推荐我应该在谷歌上搜索什么来了解ajax请求并将数据保存到rails应用程序中吗?谢谢当然,jQuery有一个AJAX API。没问题。我很确定Prototype也有类似的功能,但jQuery在我看来已经成为了一种标准