dl-watermark
v1.0.0
Published
通过创建 DlWaterMark 实例,传入水印相关的配置。即可快速生产带有水印图片的地址URl
Downloads
4
Readme
dl-watermark
通过创建 DlWaterMark 实例,传入水印相关的配置。即可快速生产带有水印图片的地址URl
快速引入
import DlWaterMark from 'dl-watermark'
创建实例
const dlWaterMark = new DlWaterMark({
el: showImage, // 绑定节点
width: 500, // 显示水印范围的宽度,最好与显示的图片一致
height: 300, // 显示水印范围的高度,最好与显示的图片一致
toggleShow: false, // 水印文本是否交错显示
rotate: -25, // 显示水印文本的倾斜角度
fillStyle: '#000', // 显示水印文本的颜色
fontSize: '20px', // 显示水印文本的字体大小
context: '婷婷小可爱' // 显示水印的文本内容
});
传入图片地址,添加水印
/**
* url: 需要添加水印的图片地址
*/
dlWaterMark.draw(url)