[发明专利]网页水印添加方法、装置、电子设备及存储介质

权利要求书

1.一种网页水印添加方法，其特征在于，所述方法包括：

解析接收到的水印添加请求，获取多个水印元素及设备尺寸，其中，每个水印元素中包含有静态参数和动态参数；

根据每个所述水印元素的动态参数对应的动态显示时间构建所述多个水印元素的索引；

基于所述多个水印元素构建画布模板及用于绘制动态水印图像的Canvas元素；

根据所述索引、所述Canvas元素的上下文环境参数及每个所述水印元素的静态参数和动态参数，在所述画布模板中绘制第一动态水印图像，包括：调用浏览器的canvas画布的应用程序编码接口获取每个所述水印元素的静态参数和动态参数；在所述画布模板中设置每个所述水印元素的文字区域；基于所述canvas元素的上下文环境参数，按照所述索引的顺序逐一将每个所述水印元素的静态参数和动态参数绘制在所述画布模板对应的文字区域中，生成第一动态水印图像；

将所述第一动态水印图像绘制到浏览器的canvas画布中得到第二动态水印图像；

在所述浏览器的目标网页上加载水印展示层，根据所述水印展示层的渲染背景样式及所述设备尺寸将所述第二动态水印图像添加在所述水印展示层上，得到动态水印网页。

2.如权利要求1所述的网页水印添加方法，其特征在于，所述在所述画布模板中设置每个所述水印元素的文字区域包括：

从每个所述水印元素的静态参数中获取每个所述水印元素的位置信息；

根据每个所述水印元素的位置信息确定每个所述水印元素的覆盖面积及目标位置信息；

根据每个所述水印元素的覆盖面积及目标位置信息确定每个所述水印元素的文字区域。

3.如权利要求1所述的网页水印添加方法，其特征在于，所述根据所述水印展示层的渲染背景样式及所述设备尺寸将所述第二动态水印图像添加在所述水印展示层上包括：

根据所述渲染背景样式的图像格式对所述动态水印图像的图像格式进行转换，得到目标动态水印图像；

根据所述渲染背景样式和所述设备尺寸，将所述目标动态水印图像平铺到所述目标网页的水印展示层上。

4.如权利要求3所述的网页水印添加方法，其特征在于，所述方法还包括：

将所述第二动态水印图像导出为图像格式。

5.如权利要求1所述的网页水印添加方法，其特征在于，所述解析接收到的水印添加请求，获取多个水印元素及设备尺寸包括：

解析所述水印添加请求的报文，得到所述报文携带的报文信息；

从配置标签库中获取预设标签，所述预设标签用于指示设备标识；

从所述报文信息中获取与所述预设标签对应的信息作为设备编号，根据所述设备编号获取设备尺寸；

从所述报文信息中获取每个水印元素及对应的静态参数和动态参数，并进行关联，获取关联后的多个水印元素。

6.如权利要求1所述的网页水印添加方法，其特征在于，所述静态参数包括以下任意一种或者多种的组合：

整体样式，所述整体样式包括：整体尺寸、倾斜度和边距；

文字，所述文字包括：文字内容、字号、字体、颜色和文字位置信息；

图片，所述图片包括：图片尺寸和图片位置信息。