SuperAPI AI 工具集

el-watermark

前端与建站

查看项目

更新于 10-15 23:32

技能介绍

用途:el-watermark 是 Element Plus 提供的水印组件,可在页面指定区域叠加文字或图案水印,常用于内容保护、品牌标识、版权声明与文档安全。

主要能力:支持单行或多行文字水印(content 传字符串或字符串数组),也支持图片水印(image 指定图片地址);可自定义字体样式、水印间距、旋转角度、层级与偏移量。

使用方式:以包裹容器的方式使用,将需要加水印的内容放入默认插槽。基础用法为 <el-watermark content="Element Plus"> 包裹内容 div。多行文字传入数组,如 :content="['Element Plus', 'Vue 3']"。图片水印使用 image 并配合 width、height。自定义配置可传 font 对象及 :gap、:rotate 等属性。

主要属性:width(默认 120)、height(默认 64)、rotate(默认 -22)、z-index(默认 9)、image、content(默认 'Element Plus')、font、gap(默认 [100, 100])、offset(默认取 gap 的一半)。font 支持 color、fontSize、fontWeight、fontFamily、fontStyle、textAlign。

适用场景:需要为页面内容添加版权或保密标识、品牌水印时使用。

限制:资料未提供安装命令、版本要求、浏览器兼容性及性能说明,暂未提供。