网页水印处理方法、装置及电子设备与流程

本发明涉及图像处理技术领域，具体而言，涉及一种网页水印处理方法、装置及电子设备。

背景技术

随着互联网的高速发展，网站作为信息的载体已成为各企业事业单位发布信息的重要途径。然而，网站网页被仿冒篡改影响了企业事业单位正常业务的进展。企业要保护内部信息安全，防止网页信息被直接利用，通常会在网页上设置水印。在现有技术中，需要应用原生代码辅助，限制了水印的使用范围，另外不利于对泄露信息的源头进行追踪。

技术实现要素：

为了克服上述现有技术中的不足，本发明提供一种网页水印处理方法、装置及电子设备。

为了实现上述目的，本发明实施例所提供的技术方案如下所示：

第一方面，本发明实施例提供一种网页水印处理方法，包括：

根据预设构建规则构建水印参数，所述水印参数包括当前用户账户的标识信息；

构建画布模板，并根据所述水印参数及javascript在所述画布模板上生成水印图片；

将所述水印图片覆盖于网页上。

可选地，上述将所述水印图片覆盖于网页上的步骤，包括：

构建与所述网页的尺寸相匹配的图层，将所述水印图片通过base64编码设置与所述图层上；

将设置有所述水印图片的所述图层覆盖与所述网页上，并作为所述网页的最顶层图层。

可选地，在所述将所述水印图片覆盖于网页上的步骤之后，所述方法还包括：

根据预设检测规则检测当前图层是否异常；

在所述图层异常时重新生成所述图层。

可选地，上述根据预设检测规则检测当前图层是否异常的步骤，包括：

检测所述当前图层是否存在，其中，在所述当前图层不存在时，确定所述当前图层异常；

或者，检测所述当前图层上的水印图片是否为预设水印图片，其中，当所述当前图层上的水印图片不是预设水印图片时，确定所述当前图层异常。

可选地，上述图层的属性包括允许点击穿透。

可选地，上述水印参数包括文字、图片、尺寸、rgb值、水印透明度中的至少一种，其中，所述水印透明度大于0且小于或等于5％。

第二方面，本发明实施例提供一种网页水印处理装置，包括：

参数构建模块，用于根据预设构建规则构建水印参数，所述水印参数包括当前用户账户的标识信息；

水印生成模块，用于构建画布模板，并根据所述水印参数及javascript在所述画布模板上生成水印图片；

水印覆盖模块，用于将所述水印图片覆盖于网页上。

可选地，上述水印覆盖模块还用于：

构建与所述网页相匹配的图层，将所述水印图片通过base64编码设置与所述图层上；

将设置有所述水印图片的所述图层覆盖与所述网页上，并作为所述网页的最顶层图层。

第三方面，本发明实施例提供一种电子设备，包括：

存储单元；

处理单元；及

网页水印处理装置，包括一个或多个存储于所述存储单元中并由所述处理单元执行的软件功能模块，所述网页水印处理装置包括：

参数构建模块，用于根据预设构建规则构建水印参数，所述水印参数包括当前用户账户的标识信息；

水印生成模块，用于构建画布模板，并根据所述水印参数及javascript在所述画布模板上生成水印图片；

水印覆盖模块，用于将所述水印图片覆盖于网页上。

第四方面，本发明实施例提供一种计算机可读存储介质，所述可读存储介质中存储有计算机程序，当所述计算机程序在计算机上运行时，使得所述计算机执行上述的网页水印处理方法。

相对于现有技术而言，本发明提供的网页水印处理方法、装置及电子设备至少具有以下有益效果：该方法包括：根据预设构建规则构建水印参数，所述水印参数包括当前用户账户的标识信息；构建画布模板，并根据所述水印参数及javascript在所述画布模板上生成水印图片；将所述水印图片覆盖于网页上。本方案通过标识信息，有助于对泄露网页信息的源头进行追踪，另外，基于javascript生成水印图片，有助于扩大水印的使用范围。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举本发明实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍。应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明实施例提供的电子设备的方框示意图。

图2为本发明实施例提供的网页水印处理方法的流程示意图。

图3为图2中步骤s230的子步骤的流程示意图。

图4为本发明实施例提供的网页水印处理装置的方框示意图。

图标：10-电子设备；11-处理单元；12-通信单元；13-存储单元；100-网页水印处理装置；110-参数构建模块；120-水印生成模块；130-水印覆盖模块。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本发明的一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。此外，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

下面结合附图，对本发明的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。

请参照图1，为本发明实施例提供的电子设备10的方框示意图。本发明实施例提供的电子设备10可以用于执行下述的网页水印处理方法的各步骤，以在网页上添加水印。其中，在网页上设置的水印图片有助于避免网页展示的信息被直接利用，另外还有助于通过水印追踪到泄露信息的源头。

在本实施例中，电子设备10可以是，但不限于，智能手机、个人电脑(personalcomputer，pc)、平板电脑、个人数字助理(personaldigitalassistant，pda)、移动上网设备(mobileinternetdevice，mid)等。

在本实施例中，电子设备10可以包括处理单元11、通信单元12、存储单元13以及网页水印处理装置100，处理单元11、通信单元12、存储单元13以及网页水印处理装置100各个元件之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。

处理单元11可以是处理器。例如，该处理器可以是中央处理器(centralprocessingunit，cpu)、图形处理器(graphicsprocessingunit，gpu)、网络处理器(networkprocessor，np)等；还可以是数字信号处理器(dsp)、专用集成电路(asic)、现场可编程门阵列(fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。

通信单元12用于通过网络建立电子设备10与网络服务器的通信连接，并通过网络收发数据。网络可以是，但不限于，有线网络或无线网络。

存储单元13可以是，但不限于，随机存取存储器，只读存储器，可编程只读存储器，可擦除可编程只读存储器，电可擦除可编程只读存储器等。在本实施例中，存储单元13可以用于存储水印图片、图层等。当然，存储单元13还可以用于存储程序，处理单元11在接收到执行指令后，执行该程序。

进一步地，网页水印处理装置100包括至少一个可以软件或固件(firmware)的形式存储于存储单元13中或固化在电子设备10操作系统(operatingsystem，os)中的软件功能模块。处理单元11用于执行存储单元13中存储的可执行模块，例如网页水印处理装置100所包括的软件功能模块及计算机程序等。

可以理解的是，图1所示的结构仅为电子设备10的一种结构示意图，电子设备10还可以包括比图1所示更多或更少的组件。图1中所示的各组件可以采用硬件、软件或其组合实现。

请参照图2，为本发明实施例提供的网页水印处理方法的流程示意图。本发明提供的网页水印处理方法可以应用于上述的电子设备10，有电子设备10执行网页水印处理方法的各步骤。基于该方式，可提高水印的使用范围，有助于对泄露的源头设备或用户账户进行追踪。

下面将对图2所示的网页水印处理方法的各步骤进行详细阐述，在本实施例中，网页水印处理方法可以包括以下步骤：

步骤s210，根据预设构建规则构建水印参数，水印参数包括当前用户账户的标识信息。

在本实施例中，预设规则可根据实际情况进行设置，例如可根据预设的数据构建水印参数。其预设数据可以包括展示网页的电子设备10的ip地址、使用该电子设备10的用户或用户账户的身份信息(id或标识码)等，可根据实际情况进行设置。其中，标识信息可以包括电子设备10的ip地址、用户账户的身份信息、用户名称等，可根据实际情况进行设置，这里对标识信息不作具体限定。

可选地，水印参数包括文字、图片、尺寸、rgb值、水印透明度中的至少一种，其中，水印透明度大于0且小于或等于5％。例如，水印透明度可以为1％，1％透明度的水印图片在网页上展示时，人眼几乎不可见，从而可避免水印影响用户查看网页信息，提升用户的体验感。

在本实施例中，当前用户账户可以为使用电子设备10的用户，或该电子设备10所归属的用户。

步骤s220，构建画布模板，并根据水印参数及javascript在画布模板上生成水印图片。

在本实施例中，可动态构建画布(canvas)模板，即，可实时地根据当前网页的尺寸大小、网页内容设置画布模板。水印图片可以包括文字内容、图案内容等水印。其中，javascript可理解为一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。其解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html(标准通用标记语言下的一个应用)网页上使用，用来给html网页增加动态功能。基于javascript，有助于提高水印的使用范围。

步骤s230，将水印图片覆盖于网页上。

在本实施例中，将生成的水印图片覆盖在网页上，便可避免网页上的信息内容被其他用户直接利用。另外，若网页信息内容被泄露(比如通过拍照或者截图泄露)，基于泄露信息中的水印图片上的标识信息，便可以追踪到泄露其信息内容的设备或用户账户，有助于排查追踪泄露信息的人员。

请参照图3，为图2中步骤s230的子步骤的流程示意图。可选地，步骤s230可以包括子步骤s231及子步骤s232。

子步骤s231，构建与网页的尺寸相匹配的图层，将水印图片通过base64编码设置与图层上。

可选地，图层尺寸大小可以根据实际情况进行设置，例如，图层尺寸可以与网页大小相同。其中，base64编码可理解为，是从二进制到字符的过程，可用于在http环境下传递较长的标识信息。

子步骤s232，将设置有水印图片的图层覆盖与网页上，并作为网页的最顶层图层。

例如，实时地动态生成一个全屏的图层(div)，覆盖在网页最上层，然后通过设置background，将具有水印的该图层覆盖在网页上面。

可选地，图层的属性包括允许点击穿透。可理解地，为了避免最上面的水印层影响用户对网页的操作，可以给水印层的图层设置pointer-events:none(允许点击穿透)，使得用户在操作过程中，感知不到水印层的存在。

可选地，在步骤s230之后，网页水印处理方法可以包括：根据预设检测规则检测当前图层是否异常；在图层异常时重新生成图层。其中，当前图层可理解为浏览器正在展示的图层。另外，可以每隔预设时长便检测当前图层是否异常，其预设时长可根据实际情况进行设置，这里不作具体限定。

可选地，在确定图层异常时，网页水印处理方法可以包括发出警告提示，以便于管理人员及时查看报警情况，并及时对报警的故障原因进行排查。

可选地，根据预设检测规则检测当前图层是否异常的步骤，包括：

检测当前图层是否存在，其中，在当前图层不存在时，确定当前图层异常。

或者，检测当前图层上的水印图片是否为预设水印图片，其中，当当前图层上的水印图片不是预设水印图片时，确定当前图层异常。其中预设水印图片为预先根据水印参数生成的水印图片，并且该图片在生成之初，可存储与存储模块中，用于与当前的水印图片进行比对。

可选地，在网页内部信息遭到截屏或者拍照泄漏时，管理人员在拿到泄漏出来的图片后，可对图片中的水印的颜色进行加深处理，从而可查看到标识信息，进而可追踪到泄露的源头设备或用户账户。

请参照图4，为本发明实施例提供的网页水印处理装置100的方框示意图。本发明实施例提供的网页水印处理装置100可以应用于上述的电子设备10，用于执行网页水印处理方法的各步骤。在本实施例中，网页水印处理装置100可以包括参数构建模块110、水印生成模块120及水印覆盖模块130。

参数构建模块110，用于根据预设构建规则构建水印参数，水印参数包括当前用户账户的标识信息。具体地，参数构建模块110可以用于执行图2所示的步骤s210，具体执行的操作内容可参照对步骤s210的详细描述，这里不再赘述。

水印生成模块120，用于构建画布模板，并根据水印参数及javascript在画布模板上生成水印图片。具体地，水印生成模块120可以用于执行图2所示的步骤s220，具体执行的操作内容可参照对步骤s220的详细描述，这里不再赘述。

水印覆盖模块130，用于将水印图片覆盖于网页上。可选地，水印覆盖模块130还用于构建与网页的尺寸相匹配的图层，将水印图片通过base64编码设置与图层上；将设置有水印图片的图层覆盖与网页上，并作为网页的最顶层图层。具体地，水印覆盖模块130可以用于执行图2所示的步骤s230，具体执行的操作内容可参照对步骤s230的详细描述，这里不再赘述。

可选地，网页水印处理装置100可以包括检测模块。在水印覆盖模块130将水印图片覆盖于网页上之后，检测模块用于根据预设检测规则检测当前图层是否异常；水印生成模块120，还用于在图层异常时重新生成图层。

本发明实施例还提供一种计算机存储介质。可读存储介质中存储有计算机程序，当计算机程序在计算机上运行时，使得计算机执行如上述实施例中的网页水印处理方法。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可以通过硬件实现，也可以借助软件加必要的通用硬件平台的方式来实现，基于这样的理解，本发明的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施场景所述的方法。

综上所述，本发明提供一种网页水印处理方法、装置及电子设备。该方法包括：根据预设构建规则构建水印参数，所述水印参数包括当前用户账户的标识信息；构建画布模板，并根据所述水印参数及javascript在所述画布模板上生成水印图片；将所述水印图片覆盖于网页上。本方案通过标识信息，有助于对泄露网页信息的源头进行追踪，另外，基于javascript生成水印图片，有助于扩大水印的使用范围。

在本发明所提供的实施例中，应该理解到，所揭露的装置、系统和方法，也可以通过其它的方式实现。以上所描述的装置、系统和方法实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

可以替换的，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(dsl))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，dvd)、或者半导体介质(例如固态硬盘solidstatedisk(ssd))等。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。