@hao360/watermarkjs

watermarkjs

网页水印工具

安装

npm install @hao360/watermarkjs

Useage

通过 ESModule

import WaterMark from '@hao360/watermarkjs'

WaterMark(['水印', 'watermark'])

通过 script 标签

<script src="./dist/watermarkjs.umd.js"></script>
<script>
  WaterMark(['水印', 'watermark'])
</script>

参数说明

WaterMark(content, options);

content

水印字符串/水印字符串数组

options [可选]

fontSize【字体大小】

• 类型: string
• 默认： 16px

fontColor【字体颜色】

• 类型: string
• 默认： rgba(0,0,0, .1)

gridWidth【栅格宽度】

• 类型: number
• 默认：150

target【插入节点】

• 类型: Element
• 默认：document.body

needShow【自动添加】

• 类型: boolean
• 默认：true

style【水印层样式 】

• 类型: Object

浏览器支持

IE9+