Skip to content

Watermark 水印

用于给页面的指定区域加上水印

基础用法

水印的基础用法。

多行文本

通过 content 设置字符串数组可指定多行文字水印内容。

图片水印

通过 image 设置图片水印。为了确保图像清晰展示而不是被拉伸,请设置宽度和高度,建议使用至少两倍的宽度和高度的图片来保证显示效果(支持Base64)。

自定义

通过自定义参数以实现更多的水印效果。

Watermark API

Watermark Attributes

参数名描述类型默认值
content水印文本内容String Object-
imgage水印图片,建议使用 2x 或 3x 图像String-
width水印宽度(默认为内容宽度)Number-
height水印高度(默认为内容高度)Number-
gap水印间的间距Object[90,90]
offset距离容器左上角的偏移量,默认为水印间距的一半Object[gap[0]/2, gap[1]/2]
rotate旋转角度Number-22
font水印字体样式FontFont
z-index水印层级Number6
alpha透明度Number1
anti-tamper水印防篡改Booleantrue
grayscale灰阶水印Booleanfalse
repeat是否重复水印Booleantrue
staggered是否错开排列Booleantrue

Font

参数名描述类型默认值
color字体颜色Stringrgba(128, 128, 128, 0.18)
fontSize字体大小Number16
fontFamily字体类型StringMicrosoft YaHei
fontStyle字体样式Stringnormal
textAlign字体对齐方式Stringcenter
fontWeight字体粗细Stringlighter