本页导航

watermark

watermark 提供页面水印的添加与移除能力。

基础用法

ts

import { watermark } from '@qxs-bns/utils'

引入后即可调用 watermark 相关方法，完整示例见下方。

示例

loading

常见场景

页面级水印
管理后台内容预览防截屏提示
需要统一叠加品牌或用户标识的场景

API

Settings

属性	说明	类型	默认值
id	水印总体的id	string	wm_div_id
prefix	小水印的id前缀	string	mask_div_id
text	水印文案	string	测试水印
x	水印起始位置x轴坐标	number	0
y	水印起始位置Y轴坐标	number	0
rows	水印行数	number	0
cols	水印列数	number	0
x_space	水印x轴间隔	number	20
y_space	水印y轴间隔	number	20
font	水印字体	string	微软雅黑
color	水印字体颜色	string	black
fontsize	水印字体大小	string	18px
alpha	水印透明度	number	0.15
width	水印宽度	number	100
height	水印长度	number	100
angle	水印倾斜度数	number	15
parent_width	水印的总体宽度	number	0
parent_height	水印的总体高度	number	0
parent_node	水印插件挂载的父元素	HTMLElement	null
monitor	是否监控	boolean	true

方法

方法	说明	参数
addMark	添加水印	settings: SettingsType
removeMark	移除水印	无

注意事项

如果需要动态切换水印文案，建议先调用 removeMark 再重新添加。
parent_node 未传时会以默认页面容器为挂载目标。