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={'红掌拨清波'} //必须，字符串，水印内容

textPosition={[100, 40]} //水印位置，默认右下角，支持字符串：leftTop、leftBottom、rightTop、rightBottom、center，也支持自定义位置，用数组表示 [x, y]

transparent={0.4} //非必须，文字透明度

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

图片水印

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

2、支持任意位置

3、多个logo水印(暂不支持)

当type是logo时，对文字水印的字体设置无效，请不要混淆。

简易API

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

logoPath={} //必须，logo水印的路径，用require或import导入

type={'logo'} //必须，水印类型

所有API

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

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

logoPath={} //必须，logo水印的路径，用require或import导入

textPosition={[100, 40]} //水印位置，默认右下角，支持字符串：leftTop、leftBottom、rightTop、rightBottom、center，也支持自定义位置，用数组表示 [x, y]

transparent={0.4} //非必须，logo透明度

type={'logo'} //必须，水印类型

疑问

插件目前只支持单文本和单logo水印，后续有多文本和多logo水印，以及更多新的功能，也欢迎你参与项目的迭代。

react加水印_React水印组件，支持图片水印，文字水印相关推荐

php分析图片中水印的位置,thinkphp添加图片、文字水印自定义位置等
只添加文字水印 //生成带水印的图片 $image = new \Think\Image(); //定义位置 $path="./Upload/water/".$time." ...
Springboot中给图片添加文字水印
Springboot中给图片添加文字水印工作中遇到给图片添加文字水印的需求,记录下来方便之后查阅需求内容: 给一张图片添加指定文字水印,使一张图片上有多个水印内容,并且设定一个水印开关,可指定是否 ...
php生成背景并加字,PHP给图片添加文字水印实例
PHP给图片添加文字水印实例,支持中文文字水印,是否覆盖原图,自定义设置水印背景色.文字颜色.字体等. 水印类water.class.php var $Path = "./"; / ...
PDF加图片、文字水印（自动调整比例）
前段时间为公司PLM系统新增了发图签章功能(即给PDF加图片和文字水印),写下来做个备注. 需要注意的是图片要求是透明的(PS可做),可以根据当前页大小自动调整显示比例. 需要用到的jar包.iTex ...
android水印控件,Android图片添加文字水印并保存水印文字图片到指定文件
Android图片添加文字水印并保存水印文字图片到指定文件package zhangphil.test;import android.graphics.Bitmap;import android.gr ...
php给图片添加文字水印
PHP对图片的操作用到GD库,这里我们介绍如何给图片添加文字水印. 大致分为四步: 1.打开图片 2.操作图片 3.输出图片 4.销毁图片下面我们上代码来具体讲解每步的实现过程: <?php/ ...
Android常用实例——截取APP当前界面（可带图片、文字水印）
Android常用实例--截取APP当前界面(可带图片.文字水印) 标签: android界面截图保存图片 2016-08-16 10:52 1262人阅读评论(2) 收藏举报分类: Andr ...
springboot——图片添加文字水印
springBoot 给图片添加文字水印项目要求给每个考生制作证书.这里我们有每个公司需要的背景图片模板,而我现在要做的就是把每个考生的考试信息和个人信息,以水印的形式添加到图片的指定位置.(现在这 ...
java将数据转为pdf并添加图片、文字水印（表格样式）超简易模式
pdf预览.导出.文字.图片水印(表格样式) 用到的maven依赖  <dependency><groupId>com.itextpdf&l ...
Java分享--给图片添加文字水印(文字可旋转)
这篇文章主要介绍了Java实现给图片添加文字水印,文字水印的方法,涉及java针对图片的读取.水印添加设置等相关操作技巧,需要的朋友可以参考下 . 很多时候项目中的图片需要一定的版权,就是人家拿出去用 ...

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

react加水印_React水印组件，支持图片水印，文字水印相关推荐

最新文章

热门文章