1

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

4

5 回答 5

2

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

于 2009-04-29T18:58:39.283 回答
2

您必须选择完成此操作:

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

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

于 2009-04-26T07:01:38.910 回答
1

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

于 2009-04-26T06:58:53.207 回答
0

如果您使用的是 asp.net,这个Embed text in Image using ASP.NET from developer's fusin 就是一个很好的例子。

编辑- 从您的评论中,我看到您正在寻找 php:使用 PHP 添加文本到图像

于 2009-04-26T05:50:05.850 回答
0

你可以使用这个工具:

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 插入其中,然后保存图像。然后可以在页面上显示保存的“加密图像”。

希望这可以帮助。

于 2014-06-03T16:01:15.367 回答