Question

来自脚手架App：

      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />

          <h2>Welcome to React</h2>
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>

有没有办法为该图像添加水印？

我搜索过npm软件包网站并没有太多帮助来确定正确的软件包。

非常感谢。

Answer 1

您可以使用任何其他处理图像的npm库，而不必是React组件。这是我一直在使用的： https://libraries.io/npm/react-watermark-component

例如：

  watermark([file, '/images/logo-200X255.png'])
    .image(watermark.image.lowerLeft(0.5))
    .then(img =>{

      let holder = this.refs.img_holder;
      holder.appendChild(img);

      this.setState({
        base64:img.src
      });
    });

有关在React中对图像加水印的任何建议吗？

1 个答案: