Watermark 水印
在页面上添加文本或图片等水印信息
基础用法
基础用法
多行水印
使用 "content" 设置一个字符串数组来指定多行文本水印内容
图片水印
通过 'image' 指定图像地址。 为了确保图像清晰展示而不是被拉伸,请设置宽度和高度,建议使用至少两倍的宽度和高度的图片来保证显示效果。
API
属性名 | 描述 | 类型 | 默认值 |
---|---|---|---|
width | 水印的宽度, content 的默认值是它自己的宽度 | number | 120 |
height | 水印的高度, content 的默认值是它自己的高度 | number | 64 |
rotate | 水印的旋转角度, 单位 ° | number | -22 |
zIndex | 水印元素的z-index值 | number | 9 |
image | 水印图片,建议使用 2x 或 3x 图像 | string | — |
content | 水印文本内容 | string/object string[] | — |
gap | 水印之间的间距 | object [number, number] | [100, 100] |