[发明专利]一种基于网页的水印渲染方法、装置及电子设备

说明书

本发明实施例提供一种基于网页的水印渲染方法、装置及电子设备，该方法包括以下步骤：获取挂载元素以及渲染水印内容；根据所述挂载元素基于预设的树根脱流策略确定目标渲染方式；根据所述目标渲染方式、预设的事件穿透属性和透明属性将所述渲染水印内容对所述挂载元素进行渲染，以生成水印。进而可以基于树根脱流策略和事件穿透属性和透明属性实现的水印工具，以快速的在网页上生成水印。从而解决网页领域的水印前端浏览器实时生成，且网页页面中的点击事件不会被水印覆盖和遮挡造成无法点击。

技术领域

本发明涉及网页水印技术领域，尤其涉及一种基于网页的水印渲染方法、 装置及电子设备。

背景技术

传统浏览器网页水印往往要门是通过后端图片直接编辑加载水印生成，但 是这种方案会造成图片无法还原的情况，同时如果遇到需要动态显示时间的情 况时，后端方案显然算力太大需要实时向浏览器客户端吐出二进制的图片流反 而影响性能，服务器也承担了大量的转换负荷。

传统页面图片的水印生成是，通过后端直接修改图片完成的。而这样的后 果就是图片无法还原到非水印状态。同时也无法支持页面上非图片的文档对象 模型元素，比如块状元素等超文本标记元素生成水印，即使用块状元素的方式 覆盖一层文字标签，也会造成页面无法点击的问题。

发明内容

本发明实施例提供一种基于网页的水印渲染方法，能够解决了现有技术中 在网页生成水印造成页面无法点击的问题。

第一方面，本发明实施例提供一种基于网页的水印渲染方法，所述方法包 括：

获取挂载元素以及渲染水印内容；

根据所述挂载元素基于预设的树根脱流策略确定目标渲染方式；

根据所述目标渲染方式、预设的事件穿透属性和透明属性将所述渲染水印 内容对所述挂载元素进行渲染，以生成水印。

可选的，所述目标渲染方式包括树根脱流策略渲染方式或普通渲染方式， 所述根据所述传入挂载元素基于预设的树根脱流策略确定渲染方式的步骤包 括：

判断是否支持所述预设的树根脱流策略；

若支持所述预设的树根脱流策略，则确定所述树根脱流策略渲染方式为目 标渲染方式；

若不支持所述预设的树根脱流策略，则确定所述普通渲染方式为目标渲染 方式。

可选的，所述挂载元素包括标识，所述普通渲染方式包括标识认证渲染方 式；所述确定所述普通渲染方式为目标渲染方式的步骤包括：

确定所述标识认证渲染方式为目标渲染方式。

可选的，所述挂载元素包括网页主体，所述普通渲染方式还包括网页主体 渲染方式；所述确定所述普通渲染方式为目标渲染方式的步骤包括：

确定所述网页主体渲染方式为目标渲染方式。

可选的，所述挂载元素包括类名，所述普通渲染方式包括类名渲染方式； 所述确定所述普通渲染方式为目标渲染方式的步骤包括：

确定所述类名渲染方式为目标渲染方式。

可选的，计算所述挂载元素的第一尺寸信息，以确定渲染范围，所述第一 尺寸信息包括挂载元素的宽度和高度；

计算所述渲染水印内容的第二尺寸信息，所述第二尺寸信息包括渲染水印 内容的宽度和高度；

根据所述第一尺寸信息和所述第二尺寸信息计算所述渲染范围可容纳渲 染水印内容的数量；

根据所述可容纳渲染水印内容的数量生成渲染水印内容集合，并加载到所 述渲染范围内。

第二方面，本发明实施例还提供了一种基于网页的水印渲染装置，所述装 置包括：