Question

大家好我有点问题。我想用javascript或jquery在图像中添加水印，例如此URL https://transloadit.com/demos/image-resize/watermarking。我搜索了很多个小时，但我找不到这个。也许有人可以帮助我。感谢

Answer 1

你只能用javascript做“喜欢那个URL”的事情。使用诸如您指定的URL之类的服务，他们正在进行处理：水印，裁剪，调整大小等。它们为用户提供了一些实现它的方法。如果您决定使用他们的服务以及您自己的前端JavaScript应用程序，那么您可以简单地使用javascript及其API。

看起来他们的JS示例显示了包含授权密钥：

    params: {
    auth: { key: "YOUR-AUTH-KEY" },

他们如何收取服务费用。

听起来你有点新鲜，所以你必须要了解客户端和服务器端。

您可以使用imagemagick之类的东西在您自己的服务器上执行此操作。您的网站在或打算使用哪种语言？

Answer 2

这是我的transloadit模板，一旦人们上传图片，水印就完美无缺。对于他们提供的图片链接（如果我不使用transloadit）我使用watermark.js添加动态水印

{
  "steps": {
    "resize": {
      "use": ":original",
      "robot": "/image/resize",
      "width": 225,
      "height": 225,
      "resize_strategy": "crop"
    },
    "export": {
      "robot": "/s3/store",
      "key": "***********",
      "secret": "***********",
      "bucket": "************"
    },
    "resizebig": {
      "use": ":original",
      "robot": "/image/resize",
      "resize_strategy": "fit",
      "watermark_url": "https://www.dropbox.com/s/awyrna8zdvi08nx/Selection_031.png",
      "watermark_size": "25%",
      "watermark_position": "bottom-right"
    }
  }
}

如何使用JavaScript或JQuery在图像中添加水印

2 个答案: