html - 如何在 Canvas 中创建超链接

Question

我可以使用 jcollage ( http://radikalfx.com/files/collage-with-text/demo.html ) 插件将给定的文本添加到画布中，但是当用户输入诸如 www.example.com 之类的文本时，它应该自动转换为超链接。

一些正文请帮助如何确定用户输入的文本是超链接以及如何找到超链接位置，因为我正在将该画布转换为图像并在 Titanium 的 Web 视图中显示，如果用户单击超链接，我必须将其传输到该页面。

Answer 1

这并不像你想象的那么简单。

画布实际上并不“存储”文本，它只是一个像素网格。它不知道画布上绘制的元素或任何东西。因此，画布不能“超链接”文本元素。

其中一个选项是将click事件侦听器添加到画布，获取x/y事件的，如果您点击文本，则重定向到 url。为此，您需要手动跟踪文本的位置（旋转？）和大小。

另一个可能更简单的选择是简单地在包含文本的图像顶部添加一个元素。然后，您可以简单地添加一个超链接。

覆盖画布的链接的工作示例

Answer 2

这是不可能的。

为了制作“超链接”，您必须创建自己的框，用文本填充它，保留其位置的标签（在 3D 中 - 以确保它没有被另一层覆盖），将文本设置为特定格式，然后检查以确保如果有人单击画布，并且单击发生在框上，并且框是最顶层，则您将用户设置window.location为等于他们键入的任何内容in（如果您确认它确实是一个正确编写的 URL）。