【问题标题】:Moving objects inside the browser [closed]在浏览器内移动对象[关闭]
【发布时间】:2013-08-17 22:16:36
【问题描述】:

我想在浏览器中显示一个网页,其中包含:

  • 许多具有可预测形状(正方形、矩形等)的对象
  • 用户应该能够使用箭头连接这些对象(请参阅图片链接)

http://img850.imageshack.us/img850/6999/o33z.jpg

此外,用户应该能够移动对象,并且连接箭头需要随着对象移动,以使箭头始终指向相同的对象。

是否有任何当前的网络技术可以做到这一点,或者是否有一种非常适合作为基础开始使用的网络技术。我没有做过任何网络工作,所以即使是 javascript 也可能是你的答案,但请指导我一些细节。

【问题讨论】:

  • 我建议使用 HTML5 Canvas 或 SVG(虽然很可能有其他技术可以做到这一点,但我知道的只有这些)。
  • 你已经尝试了什么?
  • HTML5 Canvas 或 SVG - 我会看看那些。谢谢!由于我的知识仍然有限,我没有尝试过任何事情。

标签: javascript jquery html jquery-ui svg


【解决方案1】:

查看 Jquery UI。这里有很多功能可以执行您上面指定的操作。或者您可以使用 Flash/ActionScript 来实现,尽管这似乎(可以说)是一种正在衰退的技术。

您可以在这里找到有关如何使用 JueryUI 的信息,http://jqueryui.com/draggable/

【讨论】:

  • 很好的链接 - 谢谢。一旦对象可拖动,我是否使用 javascript(?) 将线条附加到对象上?
  • 您可以,但是 JQuery 和 JQueryUI 都将拥有完成您希望实现的目标所需的资源,这比单独使用 JavaScript 容易得多。您可以在 learn.jquery.com/jquery-ui/getting-startedlearn.jquery.com 开始学习这些内容,一旦开始学习并开始编码,请随时就您的代码提出具体问题。
  • 谢谢!接下来看看。
猜你喜欢
  • 2020-11-06
  • 2011-03-11
  • 2012-03-11
  • 2015-04-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多