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

Question

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

Answer 1

你必须有选择来实现这个目标：

1. 使用您选择的图形程序将文本添加到图像中。 （使用ImageMagick进行自动处理）然后创建image map以使图像的某些部分可以点击。如果你需要某种“热状态”，那么你必须使用绝对位于原始图像上方的小图像，并使用Javascript显示/隐藏它们。根据您的需要，可以更容易地使整个图像可点击。

2. 添加普通图像和普通超链接。您可以使用常规img标记或使用设置容器的背景图像。然后使用绝对定位将超链接移动到图片顶部的所需位置。使用该解决方案，您无需使用Javascript来创建悬停效果。

Answer 2

如果你想远离z索引和/或图像映射，你可以用旧的学校方式来做，即将图像设置为表格或div的背景，然后只需将文本放入表或div。

Answer 3

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

查看我的样本

Answer 4

如果您使用的是asp.net，那么来自开发人员fusin的Embed text in Image using ASP.NET就是一个很好的例子。

修改 - 从您的评论中我看到您正在寻找php：Adding text to images with PHP

Answer 5

您可以使用此工具：

http://www.jsclasses.org/package/324-JavaScript-Embed-encoded-text-in-images-using-steganography.html

并且在github上：

https://github.com/blauharley/LoremImageCryptonator

借助此JS-Object，您可以嵌入任何所需的文本。它提供了两种方法（getCryptoImage，getTextFromCryptoImage），可用于插入和提取任何文本进出图像。

对于您的用例，您可以插入URL并在单击图像后立即将其解压缩。

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

希望这有帮助。