01 引言

在数字化浪潮中,信息安全与管理需求日益多元。Choerodon UI 组件库研发 WaterMark 水印组件为你的页面轻松添加水印,有效防止信息盗用,保障企业权益。下面就带大家深入了解它的特性与场景。

02 设计特性

『多种水印形式』

多种水印形式,支持文字水印图片水印

文字水印可通过 content 轻松指定内容;图片水印通过 image 指定图片地址,并可通过 width 和 height 确保图片高清且不拉伸。


『灵活的层级设置』

组件默认实现前置水印,即显示在内容上方, zIndex 默认为 9 。若不想水印遮挡上层内容,可灵活调整该值,使其小于上层内容的 zIndex 。(HZERO 系统默认后置水印)

『指定容器渲染』

借助 getContainer 属性,能够精准指定水印的渲染容器,满足多样化的布局需求。
例如:在界面局部敏感信息,仅文档渲染部分添加水印。

03 场景案例

WaterMark 组件应用广泛,涵盖版权保护、权限追踪、数据分类、活动推广、文档版本管理等多场景 。 在 HZERO 系统中有以下场景案例:

『系统水印配置』

用户可直接在“系统配置”界面配置系统界面是否开启水印显示,并支持系统变量映射。

菜单层级: 平台级、租户级

菜单路径: 系统管理 > 系统配置 > 基础配置

默认配置:



更多配置详情参考:

平台水印配置文档

HZEROJS 水印相关

『文件水印配置』

帮助用户可以灵活配置文件的水印类型,包括大小、对齐方式、内容等等。支持为图片和PDF添加水印。

菜单层级: 平台级、租户级

菜单路径: 文件管理 > 文件水印配置


更多配置详情参考:

文件水印配置

欢迎试用

我们将持续优化 WaterMark 和 Choerodon UI 组件库功能,优化客户体验。通过以下文档链接,查看更多水印组件相关资料。

如果您有更好的想法和建议,欢迎您积极反馈给我们。

立即预约,免费演示 👉 获取产品演示

● 组件文档

● 开放平台文档

● Choerodon UI

● github

图片

图片

图片

图片

图片

图片

图片


汉得数字平台
1 声望2 粉丝

源于技术,志在四海,HAND融合中台产品交流平台。