开始

安装

使用 npm:

$ npm install watermark-js-plus

使用 yarn:

$ yarn add watermark-js-plus

用法

1. 引入水印插件

import { Watermark } from 'watermark-js-plus'

2. 创建实例

const watermark = new Watermark({
  content: 'hello my watermark',
  width: 200,
  height: 200,
  onSuccess: () => {
    // success callback
  }
})

3. 添加水印到页面

watermark.create()

CDN 引入

使用 jsDelivr CDN:

<script src="https://cdn.jsdelivr.net/npm/watermark-js-plus/dist/index.iife.min.js"></script>

使用 unpkg CDN:

<script src="https://unpkg.com/watermark-js-plus/dist/index.iife.min.js"></script>

使用示例:

const watermark = new WatermarkPlus.Watermark({
  content: 'hello my watermark',
  width: 200,
  height: 200
})
watermark.create();