javascript - 如何在反应中添加水印

Question

你能告诉我如何在 react js 中添加水印吗？我正在从这个站点获取帮助 http://brianium.github.io/watermarkjs/text.html

这是我的代码 https://codesandbox.io/s/8lr7krkk3l

handle = () => {
    console.log(watermark);
    watermark([
      "https://www.hometown.in/media/product/88/5392/57299/1-product_500.jpg"
    ])
      .image(
        "dsda".lowerRight("watermark.js", "48px Josefin Slab", "#fff", 0.5)
      )
      .then(function(img) {
        console.log(img);
      });
  };

我想显示一张带有水印（任何文本）的图像

标签： javascriptreactjs

Answer 1

您可以使用以下软件包之一为图像添加水印。

https://www.npmjs.com/package/dynamic-watermark

https://www.npmjs.com/package/image-watermark