首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >对React中的图像加水印有什么建议吗?

对React中的图像加水印有什么建议吗?
EN

Stack Overflow用户
提问于 2017-03-17 15:42:34
回答 1查看 2.6K关注 0票数 3

从脚手架App

代码语言:javascript
复制
      <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包站点,但找不到正确的包。

非常感谢。

EN

回答 1

Stack Overflow用户

发布于 2018-07-05 02:51:26

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

例如:

代码语言:javascript
复制
  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
      });
    });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42851885

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档