Javascript/JQuery : Is there a way to append an image or text to an image that is downloaded?

Question

我的元素中有一些用户可以下载的图像，但我想在用户单击下载链接时在图像的右下角添加一些预定义的文本或图像/ Logo 。是否有可能能够处理此功能的方法或插件？

编辑:图像未预定义 - 它们呈现为 SVG，我使用 canvg将它们转换成隐藏的 Canvas ，然后将它们链接到该 URL。

Answer 1

如果您正在谈论将文本添加到他们下载的图像中(如加水印)，它可以用 javascript 完成，但它可能不漂亮而且可能不是一个好的解决方案，因为用户可以只下载直接使用图像而不是使用您的链接，从而获得没有水印的图像。请注意，如果这就是您的意思，jQuery 将不会在这里为您提供任何帮助。但是，应该有一些 JavaScript 图像处理库。这里最好的选择是在“上传”时为每张图片加水印(无论这对您的特定站点意味着什么)并保留每张图片的两个版本(一个有标记，一个没有)，然后在您提供适当的版本时需要它。

如果您正在谈论在页面上的现有图像上放置一些文本，当他们单击下载链接时恰好发生这种情况，那么是的，这是可能的，您可以使用 javascript/jquery 或使用 CSS 来完成它。

由于您正在寻找插件，这里有一些是 google 发现的(我相信还有更多):

1. > http://www.wbotelhos.com/capty/
2. > http://www.newmediacampaigns.com/blog/jcaption-a-jquery-plugin-for-simple-image-captions
3. > http://tympanus.net/codrops/2009/11/23/jcapslide-a-jquery-image-caption-plugin/