使用canvas封装了个ts图片水印功能上传到npm

32 阅读1分钟

图片水印工具

  • 一个给图片添加水印的工具库,可以给图片设置不同格式的水印文案

使用

  • 引入 npm i pioneer-canvas-utils

  • 基础使用

import { Watermark } from "pioneer-canvas-utils";

const options = {
  url: string; // 图片http地址或base64
  text: string; // 水印文字
  angle?: number; // 水印文字倾斜角度
  fillStyle?: string; // 水印文字颜色
  fontSize?: number; // 水印文字大小
  gap?: number; // 水印文字间隙
}
const res = await Watermark.create(options)
console.log('添加好水印过后的图片base64:', res)

详细文档及使用样例