# 水印生成器
**Repository Path**: Chrui/watermark-generator
## Basic Information
- **Project Name**: 水印生成器
- **Description**: watermark是一个基于canvas的简单的生成自定义水印的插件，轻量、灵活、配置简单是它的特点。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 2
- **Created**: 2022-09-14
- **Last Updated**: 2022-09-14
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
## watermark.js
watermark是一个基于canvas的简单的生成自定义水印的插件，轻量、灵活、配置简单是它的特点。
## DEMO
## 快速开始
#### 安装下载
```
npm i esay-watermark
cnpm i esay-watermark (推荐)
```
#### 基本使用
- 在vue中使用
```vue
![Vue logo]()
```
- 在html中使用
```html
![]()
```
## API
| 属性名 | 类型 | 描述 |
| ---- | ---- |---- |
| src | string |图片地址（必填） |
| text | string |水印文字 |
| color | string |水印颜色 |
| size | number |水印文字大小，默认20 |
| padding | number |水印距离图片边缘的距离，默认30 |
| output | string |输出图片类型 支持 `jpeg`和`png` ，默认 `jpeg` |
| position | string |水印所处位置，默认right-bottom（右下） |
其中`position`属性具有以下属性值：
| position属性值 | 效果 |
| ---- | ---- |
| left-top | 左上 |
| left-center | 左中 |
| left-bottom | 坐下 |
| center-top | 中上 |
| center | 正中 |
| center-bottom | 中下 |
| right-top | 右上 |
| right-center | 右中 |
| right-bottom | 右下 |
## 敬请期待
日后这个库会不定期更新....
同时也期待有小伙伴一起维护整个小玩具~