open-index/open-npm huggingface dataset:
npm package: @pansy/vue-watermark
Description: Watermark for vue, both v2 and v3
Latest version: 1.2.0

<p align="center">
  <a href="https://ant.design">
    <img width="200" src="https://cdn.jsdelivr.net/gh/wangxingkang/pictures@latest/imgs/20210427184129.svg">
  </a>
</p>

<h1 align="center">@pansy/vue-watermark</h1>

## 🏗 安装

```sh
# npm install
$ npm install @pansy/vue-watermark --save

# yarn install
$ yarn add @pansy/vue-watermark
```

## 🔨 使用

```html
<template>
  <Watermark :options="options">
    <!-- your code -->
  </Watermark>
</template>

<script>
import { Watermark } from '@pansy/vue-watermark';
export default {
  components: {
    Watermark,
  },
  data() {
   return {
     options: {
       text: '测试水印',
     }
   }
  }
};
</script>
```
npm package: @pansy/watermark
Description: <p align="center">   <a href="https://ant.design">     <img width="200" src="https://cdn.jsdelivr.net/gh/wangxingkang/pictures@latest/imgs/20210427184129.svg">   </a> </p>
Author: wangxingkang
Latest version: 2.3.0

<p align="center">
  <a href="https://ant.design">
    <img width="200" src="https://cdn.jsdelivr.net/gh/wangxingkang/pictures@latest/imgs/20210427184129.svg">
  </a>
</p>

<h1 align="center">@pansy/watermark</h1>

## 🏗 安装

```sh
# npm install
$ npm install @pansy/watermark --save

# yarn install
$ yarn add @pansy/watermark
```

## 🔨 使用

```ts
import { Watermark } from '@pansy/watermark';

const watermark = new Watermark({ ... });

// 如果需要修改水印参数，请调用
watermark.update({ ... });

// 隐藏水印
watermark.hide();

// 显示水印
watermark.hide();

// 销毁水印
watermark.destroy();
```