如何在图像中嵌入文本?嵌入的文本应超链接到 URL。用例就像有一个带有“单击此处”链接的图像,它会打开一个新页面。
5 回答
如果您想远离 z-indexes 和/或图像映射,您可以使用老式方法,即将图像设置为表格或 div 的背景,然后将文本放入表格或 div 中.
您必须选择完成此操作:
使用您选择的图形程序将文本添加到图像中。(使用ImageMagick进行自动化处理)然后创建一个图像映射以使部分图像可点击。如果您需要某种“热状态”,那么您必须使用绝对位于原始图像上方的小图像,并使用 Javascript 显示/隐藏它们。根据您的需要,使整个图像可点击可能会更容易。
添加普通图像和普通超链接。您可以使用常规的 img 标签或使用设置容器的背景图像。然后使用绝对定位将超链接移动到图片顶部的所需位置。使用该解决方案,您不需要 Javascript 来创建悬停效果。
使用图像编辑器将所需的文本添加到图像本身,然后使用图像映射到文本出现到所需 URL 的区域。如需样品,请在http://shreedhar.kotekar.com/ImageMapSample.htm查看我的样品
如果您使用的是 asp.net,这个Embed text in Image using ASP.NET from developer's fusin 就是一个很好的例子。
编辑- 从您的评论中,我看到您正在寻找 php:使用 PHP 添加文本到图像
你可以使用这个工具:
在github上:
https://github.com/blauharley/LoremImageCryptonator
在这个 JS-Object 的帮助下,你可以嵌入任何你想要的文本。它提供了两种方法(getCryptoImage、getTextFromCryptoImage),可用于在图像中插入和提取任何文本。
对于您的用例,您可以插入 URL 并在单击图像后立即提取它。
但首先,您需要创建一个“加密图像”,然后将 URL 插入其中,然后保存图像。然后可以在页面上显示保存的“加密图像”。
希望这可以帮助。