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

标签 javascript jquery html css

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

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

最佳答案

如果您正在谈论将文本添加到他们下载的图像中(如加水印),它可以用 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/

关于Javascript/JQuery : Is there a way to append an image or text to an image that is downloaded?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27889867/

相关文章:

html - 对于 SEO,.html 扩展名是否比 .php 和 .aspx 更好?

javascript - CKEditor - 格式化编辑器显示将撇号更改为 lsquo

javascript - 使用 jQuery 使用 Next Previous 按钮显示隐藏情侣 div

mysql - 使用 PERL 和 jquery-ajax 检索 mysql 数据

javascript - 表单提交时出现 JQuery RangeError

python - Flask登录系统

javascript - 使用 morris.js 从条形图中删除悬停图例

javascript - react js html5 视频不工作

javascript - HTML DOM 节点丢失事件

html - 居中 DIV(恰好 900 像素),每一侧的 div(不透明)填充页面的其余部分