react加水印_React水印组件,支持图片水印,文字水印

React水印组件,支持图片水印,文字水印。

安装

npm i --save react-watermark-module

用法

import ReactWatermark from 'react-watermark-module'

const imagePath = require('imagePath.png')

const logoPath = require('logoPath.jpg')

文字水印

1、支持左上、左下、右上、右下、居中等位置

2、支持任意位置

3、多行文字(暂不支持)

简易API

imagePath={} //必须,对象,背景图片

textData={'红掌拨清波'} //必须,字符串,水印内容

type={'text'} //必须,水印类型

/>

所有API

ID={'watermark'} //非必须,字符串,id

color={'#f00'} //非必须,字符串,水印颜色

font={'28px serif'} //非必须,字符串,水印字号、字体

imagePath={} //必须,对象,背景图片

textData={'红掌拨清波'} //必须,字符串,水印内容

textPosi

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值