如何在图像中嵌入文本链接？答案

【问题标题】：How to embed a text link in an image?如何在图像中嵌入文本链接？
【发布时间】：2010-10-21 21:02:43
【问题描述】：

如何在图片中嵌入文字？嵌入的文本应超链接到 URL。用例就像有一个带有“单击此处”链接的图像，它会打开一个新页面。

【问题讨论】：

【解决方案1】：

如果您想远离 z-indexes 和/或图像映射，您可以使用老式的方法，即将图像设置为表格或 div 的背景，然后将文本放入表格或 div。

【讨论】：

【解决方案2】：

您必须选择完成此操作：

使用您选择的图形程序将文本添加到图像中。（使用ImageMagick 进行自动处理）然后创建一个image map 以使部分图像可点击。如果您需要某种“热状态”，那么您必须使用绝对位于原始图像上方的小图像并使用 Javascript 显示/隐藏它们。根据您的需要，使整个图像可点击可能会更容易。
添加普通图片和普通超链接。您可以使用常规的 img 标签或使用设置容器的背景图像。然后使用绝对定位将超链接移动到图片顶部的所需位置。使用该解决方案，您无需 Javascript 即可创建悬停效果。

【讨论】：

【解决方案3】：

使用图像编辑器将所需的文本添加到图像本身，然后使用图像映射到所需 URL 显示文本的区域。如需样品，请查看我的样品http://shreedhar.kotekar.com/ImageMapSample.htm

【讨论】：

【解决方案4】：

如果你使用的是 asp.net，这个来自开发者 fusin 的 Embed text in Image using ASP.NET 就是一个很好的例子。

编辑- 从您的 cmets 我看到您正在寻找 php：Adding text to images with PHP

【讨论】：

【解决方案5】：

你可以使用这个工具：

在 github 上：

借助这个 JS-Object，您可以嵌入任何您想要的文本。它提供了两种方法（getCryptoImage、getTextFromCryptoImage），可用于在图像中插入和提取任何文本。

对于您的用例，您可以插入一个 URL 并在单击图像后立即提取它。

但首先，您需要创建一个“加密图像”，在此之前已插入 URL，然后保存图像。然后可以在页面上显示保存的“加密图像”。

希望这会有所帮助。

【讨论】：