@wstreet7/watermark

WaterMark

一个无法删除的水印组件

Installation

# use npm
npm install @wstreet7/watermark --save

# or use yarn
yarn add @wstreet7/watermark

# or script
<script src="https://unpkg.com/@wstreet7/watermark@latest/lib/watermark.min.js"></script>

Usage

Simple Example

import WaterMark from '@wstreet7/watermark';

const config = {
    text: '@wstreet7',
    height: 60,
    width: 100
}
const waterMark = new WaterMark(config)

Config

字段	描述	默认值
id	container的id	water-mark
height	每个repeat单元的height	100
width	每个repeat单元的width	150
font	字体相关，font-size和font-family必须包含	10px sans-serif   其他配置
rotate	文本倾斜角度	-30（canvas 正旋转为顺时针） https://www.yuque.com/streetex/fbqzli/fdz7ic#ui7xH
fillStyle	文本颜色	#ccc
opacity	透明度	1.0
zIndex	z-index	9999