我需要创建一个足球场，然后有一些选择阵型的下拉菜单（如4-4-2,4-5-1等）并移动我的球员（更像是带号码/名字的圈子）该领域实现了预期的形成。
关于我应该如何开始的任何想法？
答案 0 :(得分：4)
如同cfv1000所说，你应该研究draggable＆amp; jQuery UI中的droppable。
这是我为你做的一个先机。它还没有接近完成。
使用您的元素标识符，只需像这样调用draggable()：
$("#GKRedTeam").draggable();
$("#GKBlueTeam").draggable();
..以及许多即将推出的新增内容 - 设置适当的HTML＆amp;它的CSS属性。
答案 1 :(得分：3)
使用http://kineticjs.com/，您可以将图像导出到png或将其保存在服务器中（我认为），如果要重复使用之后，必须在PHP中创建具有相同属性的对象并保存它在一个数据库中，或另一个选项发送对象javascript并保存它而不进行任何修改（小心注入代码），然后你必须修改从服务器收取对象/信息的图像。
如果将始终使用相同的浏览器，则使用localStorage。
请参阅示例http://www.html5canvastutorials.com/labs/html5-canvas-shape-tango-with-kineticjs/（在一个图像中单击以进行可拖动）
答案 2 :(得分：0)
检查此存储库jquery-matchcenter
交互式足球场的JQuery实现