dl-watermark

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)