在 HTML5 Canvas 中拖动可点击的 URL答案

【问题标题】：Drag clickable URL in HTML5 Canvas在 HTML5 Canvas 中拖动可点击的 URL
【发布时间】：2013-02-07 15:31:53
【问题描述】：

有很多页面告诉我如何在画布上拖动形状或图像，甚至拖动 text。但是，我想以可点击的 HTML URL（超链接）的形式拖动文本，即将多个文本分组在一个画布上以给人一种相关性的印象（链接彼此越接近，它们的相关性越密切。（作为 HTML 链接，只有它们的标题是可见的 - 实际的 URL 将被隐藏）。

出现的第一个问题是我是否可以使用单击左键来激活链接（将我带到另一个页面）或将其解释为拖动的开始。可能我将不得不使用不同的热键，例如 r-click 拖动，l-click 激活。我不想双击来激活 - 额外的点击变得乏味。

我在这个论坛或其他地方都没有找到任何专门解决这个问题的东西，所以如果你提供有关如何实施这种拖放形式的建议，我将不胜感激。谢谢。

【问题讨论】：

【解决方案1】：

移动链接本质上与移动图像相同。 Canvas 没有 URL 组件或标签元素 - 您必须自己创建。

因此，您几乎只需创建一个带有 onclick 事件的按钮，该事件将调用与该按钮关联的 URL。

【讨论】：

谢谢贾罗德。问题：如果我继续这样做，Canvas 将如何区分我单击按钮和拖放按钮？
通过监听鼠标（或触摸）事件，您可以确定这一点。点击事件将很容易（内置），但您需要确定用户是否正在拖动。这是一篇关于拖动基础的好帖子：simonsarris.com/blog/510-making-html5-canvas-useful
感谢 Jarrod 的参考。如果一切顺利，我会仔细研究 Simon 的页面，然后回复我的解决方案。
别忘了点击接受。我看到你没有接受你提出的 7/7 的问题。如果您不确定如何操作，请在答案旁边打勾。
谢谢 - 我不知道。完成。