介绍

kiana-water-mark 是一款基于 JavaScript 的水印插件，适用于给图片添加水印，支持 TypeScript。

快速上手

• 安装插件

  npm install kiana-water-mark

• 引入插件

  import KianaWaterMark from "kiana-water-mark";

• 使用说明

  调用方法：makeWaterMark

  KianaWaterMark.makeWaterMark(
    waterRef.value,
    "黑不溜秋",
    "rgba(0,0,0,0.6)",
    16,
    80,
    80,
    0,
    99,
    [0, 40]
  );

• 参数说明

| 参数 | 类型 | 必填 | 说明 | 默认值 | | --------- | -------------- | ---- | ------------------------ | --------------- | | container | HTMLDivElement | √ | 水印容器 | - | | text | string | × | 水印文字 | 水印 | | color | string | × | 水印颜色 | rgba(0,0,0,0.5) | | size | number | × | 水印文字大小（单位：px） | 14 | | width | number | × | 水印宽度（单位：px） | 200 | | height | number | × | 水印高度（单位：px） | 100 | | rotate | number | × | 水印旋转角度（单位：度） | 30 | | zindex | number | × | 水印层级 | 100 | | offset | Array | × | 水印偏移量 | [0,0] |

其他

• 水印容器需要申明 width 和 height
• 确保水印容器已渲染