网页水印生成方法、装置、电子设备和计算机存储介质与流程

本申请涉及图像处理，具体涉及网页水印生成方法、装置、电子设备和计算机存储介质。

背景技术：

1、随着互联网技术的发展，网络信息安全越来越重要，为了保护信息安全，防止网页信息被直接利用，通常会在网页上添加水印。

2、目前，在网页中添加动态水印的方式主要是通过javascript或webassembly在内存中生成，然后再实时渲染到画布上。然而，在内存中生成水印的过程不仅性能较低，而且，生成的水印容易被破解者调试分析。

3、因此，如何提供一种网页水印生成方法以提升在网页中生成水印的性能以及水印的破解难度是目前亟需解决的问题。

技术实现思路

1、本申请实施例提供一种网页水印生成方法，所述方法提升了在网页中生成水印的性能。

2、本申请实施例提供一种网页水印生成方法，包括：响应于植入浏览器端的网页中的水印脚本的请求，加载用于绘制水印的glsl着色器语言；根据预先设置的水印生成方案，生成目标水印；采用所述glsl着色器语言形成所述目标水印的水印绘制代码；将包含所述水印绘制代码的页面生成代码提供给浏览器端。

3、可选的，所述根据预先设置的水印生成方案，生成目标水印，包括：

4、生成用于表示水印内容的水印id；

5、对所述水印id执行加密处理，生成目标水印。

6、可选的，所述对所述水印id执行加密处理，生成目标水印，包括：

7、从预设的多种加密方案中随机选取一种加密方案对所述水印id执行加密处理，生成加密后的水印id，作为目标水印。

8、可选的，所述采用所述glsl着色器语言形成所述目标水印的水印绘制代码，包括：

9、将加密后的水印id填充到glsl着色器语言模板中，生成初始水印绘制代码；

10、对所述初始水印绘制代码进行混淆，生成目标水印绘制代码，作为所述目标水印的水印绘制代码。

11、可选的，还包括：

12、生成用于指示浏览器端的网页创建用于绘制所述目标水印的画布元素对应的画布元素创建代码；

13、将所述画布元素创建代码提供给浏览器端。

14、可选的，还包括：

15、生成用于定时绘制画布元素的时间相关代码；

16、将所述时间相关代码提供给浏览器端。

17、可选的，所述目标水印，包括根据所述时间相关代码提供的时间元素进行时间相关性处理后的时间相关性元素。

18、可选的，所述画布元素设置为鼠标事件可穿透。

19、可选的，对应所述画布元素，设置在所述画布元素创建webgl环境的指令，使所述glsl着色器语言能够在所述画布元素提供的webgl环境中运行。

20、本申请实施例还提供一种网页水印生成方法，包括：

21、向服务端发送在网页中生成水印的水印脚本请求；

22、获得所述服务端返回的根据glsl着色器语言形成的水印绘制代码；

23、根据所述水印绘制代码绘制水印。

24、可选的，还包括：

25、获得服务端返回的画布元素创建代码；

26、基于所述画布元素创建代码在网页中创建画布元素；

27、将所述画布元素设置为鼠标事件可穿透。

28、可选的，所述根据所述水印绘制代码绘制水印，包括：

29、在所述画布元素中根据水印绘制代码绘制水印。

30、可选的，所述在所述画布元素中根据水印绘制代码绘制水印，包括：

31、根据在所述画布元素创建webgl环境的指令，在所述画布元素中创建webgl环境；

32、在所述webgl环境，使用所述glsl着色器语言执行所述水印绘制代码进行水印绘制。

33、可选的，还包括：

34、获取服务端返回的包含时间相关性元素的目标水印绘制代码以及包含时间相关代码的画布元素；

35、基于所述时间相关代码在生成画布元素时，按照预设的时间相关元素，在各个相关时间点生成所述画布元素；

36、在生成所述画布元素时，根据所述时间相关元素提供的时间信息，采用所述时间相关性元素的目标水印绘制代码，在所述画布元素上绘制包含时间相关性元素的目标水印。

37、可选的，还包括：

38、获取当前时间的时间戳信息，将所述时间戳信息加入所述水印绘制代码；

39、采用所述glsl着色器语言将加密后的水印id以及时间戳信息编码成不同的半透明像素进行显示。

40、本申请实施例还提供一种网页水印生成装置，包括：glsl着色器语言加载单元，用于响应于植入浏览器端的网页中的水印脚本的请求，加载用于绘制水印的glsl着色器语言；目标水印生成单元，用于根据预先设置的水印生成方案，生成目标水印；水印绘制代码形成单元，用于采用所述glsl着色器语言形成所述目标水印的水印绘制代码；页面生成代码提供单元，用于将包含所述水印绘制代码的页面生成代码提供给浏览器端。

41、本申请实施例还提供一种网页水印生成装置，包括：水印脚本发送单元，用于向服务端发送在网页中生成水印的水印脚本请求；水印绘制代码获得单元，用于获得所述服务端返回的根据glsl着色器语言形成的水印绘制代码；水印绘制单元，用于根据所述水印绘制代码绘制水印。

42、本申请实施例还提供一种电子设备，所述电子设备包括处理器和存储器；所述存储器中存储有计算机程序，所述处理器运行所述计算机程序后，执行上述任意一项所述的方法。

43、本申请实施例还提供一种计算机存储介质，所述计算机存储介质存储有计算机程序，所述计算机程序被处理器运行后，执行上述任意一项所述的方法。

44、与现有技术相比，本申请实施例具有以下优点：

45、本申请实施例提供一种网页水印生成方法，包括：响应于植入浏览器端的网页中的水印脚本的请求，加载用于绘制水印的glsl着色器语言；根据预先设置的水印生成方案，生成目标水印；采用所述glsl着色器语言形成所述目标水印的水印绘制代码；将包含所述水印绘制代码的页面生成代码提供给浏览器端。

46、本申请实施例所述网页水印生成方法，在响应于植入浏览器端的网页中的水印脚本的请求时，通过加载用于绘制水印的glsl着色器语言，利用glsl着色器语言形成目标水印的水印绘制代码，并将包含水印绘制代码的页面生成代码提供给浏览器端。因此，所述网页水印生成方法中通过将水印的绘制过程放在gpu中运行，提升了在网页中生成水印的性能。

47、本申请优选实施例中，是从预设的多种加密方案中随机选取一种加密方案对水印id执行加密处理，生成加密后的水印id，将加密后的水印id填充到glsl着色器语言模板中，并对水印绘制代码进行混淆，从而生成目标水印的水印绘制代码。因此，所述网页水印生成方法提升了水印的破解难度。

1.一种网页水印生成方法，其特征在于，包括：

2.根据权利要求1所述的网页水印生成方法，其特征在于，所述根据预先设置的水印生成方案，生成目标水印，包括：

3.根据权利要求2所述的网页水印生成方法，其特征在于，所述对所述水印id执行加密处理，生成目标水印，包括：

4.根据权利要求3所述的网页水印生成方法，其特征在于，所述采用所述glsl着色器语言形成所述目标水印的水印绘制代码，包括：

5.根据权利要求1所述的网页水印生成方法，其特征在于，还包括：

6.根据权利要求5所述的网页水印生成方法，其特征在于，对应所述画布元素，设置在所述画布元素创建webgl环境的指令，使所述glsl着色器语言能够在所述画布元素提供的webgl环境中运行。

7.一种网页水印生成方法，其特征在于，包括：

8.根据权利要求7所述的网页水印生成方法，其特征在于，还包括：

9.根据权利要求8所述的网页水印生成方法，其特征在于，所述根据所述水印绘制代码绘制水印，包括：

10.根据权利要求9所述的网页水印生成方法，其特征在于，所述在所述画布元素中根据水印绘制代码绘制水印，包括：

11.根据权利要求9所述的网页水印生成方法，其特征在于，还包括：

12.一种网页水印生成装置，其特征在于，包括：

13.一种网页水印生成装置，其特征在于，包括：

14.一种电子设备，其特征在于，所述电子设备包括处理器和存储器；

15.一种计算机存储介质，其特征在于，所述计算机存储介质存储有计算机程序，所述计算机程序被处理器运行后，执行权利要求1-11任意一项所述的方法。