一种针对于数字产品页面版权可变粒度的保护方法技术

本发明专利技术公开了一种针对于数字产品页面版权可变粒度的保护方法，涉及信息安全技术领域。本发明专利技术利用浏览器的渲染进程，达到每一帧去判断水印是否存在并还原水印属性，实现不可删除页面中的水印。同时，通过自定义遮罩层配置控制生成可变粒度的水印，默认的水印是会生成在body节点，即页面最外层；若根据遮罩层配置中的自定义遮罩层的父级DOM元素，那水印就会只生成在自定义遮罩层的父级DOM元素内。如此，本发明专利技术通过不可删除的水印和可变粒度的水印，解决在数字产品的领域内页面版权保护的问题，减少数字产品的盗版和侵权行为，帮助数字产品的版权拥有者更好地管理和维护数字产品的版权。的版权。的版权。

【技术实现步骤摘要】
一种针对于数字产品页面版权可变粒度的保护方法


[0001]本专利技术涉及信息安全
，特别是一种针对于数字产品页面版权可变粒度的保护方法。

技术介绍

[0002]页面水印是一种在数字产品页面上嵌入的图像或文字，以标识数字产品的版权信息，可以帮助数字产品的版权拥有者更好地保护其版权和利益。这种手段可以提高数字产品的版权保护效果，减少数字产品的盗版和侵权行为。同时，水印技术还可以追踪数字产品的使用情况，帮助数字产品的版权拥有者更好地管理和维护数字产品的版权。然而，数字产品的页面版权保护仍然存在一些现有缺陷。例如，一些不法分子可以通过一些技术手段篡改或删除页面水印，从而实施盗版和侵权行为。因此，亟需一种不可轻易篡改或删除的水印技术来改善并提高版权保护的作用。

技术实现思路

[0003]针对上述缺陷，本专利技术的目的在于提出一种针对于数字产品页面版权可变粒度的保护方法。
[0004]为达此目的，本专利技术采用以下技术方案：
[0005]本专利技术第一方面公开了一种针对于数字产品页面版权可变粒度的保护方法，包括在Vue.js中执行如下步骤：
[0006]在npm包项目内创建一个waterMark.js文件，waterMark.js文件创建出用户存证对象、水印图片路径对象、遮罩层ID对象、遮罩层父级DOM元素对象、默认遮罩层ID和生成水印函数；
[0007]需要生成水印时，执行生成水印函数，包括如下步骤：
[0008]步骤A1：生成水印函数接收必填的用户凭证以及选填的自定义遮罩层配置；其中，若没有接收到用户凭证，则直接报错；若接收到用户凭证，则将用户凭证存储至用户存证对象中，并判断是否存在接收到自定义遮罩层配置，若否，则进行步骤A2；若是，则判断自定义遮罩层配置是否存有自定义遮罩层ID，若否，则直接报错；若是，则进行步骤A2；
[0009]步骤A2：判断水印图片路径对象是否存在与用户凭证对应的水印图片路径；
[0010]若是，则进行步骤A3；
[0011]若否，则生成与用户凭证对应的水印，并通过toDataURL函数在水印图片路径对象中存储与用户凭证对应的水印图片路径，再进行步骤A3；
[0012]步骤A3：判断是否存在遮罩层DOM对象；
[0013]若存在，则进行步骤A4；
[0014]若不存在，则创建一个标签名称为div的DOM元素为遮罩层DOM对象
；
通过document.appendChild函数将遮罩层DOM对象插入父级DOM元素对象，其中，若自定义遮罩层配置中存有自定义遮罩层的父级DOM元素对象，则通过document.appendChild函数将遮
罩层DOM对象插入自定义遮罩层的父级DOM元素对象，若没有自定义遮罩层的父级DOM元素对象，则父级DOM元素对象为body元素；将父级DOM对象元素存储在遮罩层父级DOM元素对象中，使遮罩层父级DOM元素对象中存储有与用户凭证对应的父级DOM元素对象；
[0015]步骤A4：设置遮罩层DOM对象的属性，包括：
[0016]设置遮罩层DOM对象的position属性，若自定义遮罩层配置中存有自定义遮罩层position，则遮罩层DOM对象的position属性为自定义遮罩层position；若没有自定义遮罩层position，则遮罩层DOM对象的位置属性为position默认值；
[0017]设置遮罩层DOM对象的层级属性，将遮罩层DOM对象的层级属性设置为层级默认值；
[0018]设置遮罩层DOM对象的ID属性，将遮罩层DOM对象的ID属性设定为遮罩层ID对象存储的与用户凭证对应的遮罩层DOM对象的ID；
[0019]设置遮罩层DOM对象的style.top属性，若自定义遮罩层配置中存有自定义遮罩层的top属性，则遮罩层DOM对象的style.top属性为自定义遮罩层的top属性；若没有自定义遮罩层的top属性，则遮罩层DOM对象的style.top属性为top属性默认值；
[0020]设置遮罩层DOM对象的style.left属性，若自定义遮罩层配置中存有自定义遮罩层的left属性，则遮罩层DOM对象的style.left属性为自定义遮罩层的left属性；若没有自定义遮罩层的left属性，则遮罩层DOM对象的style.left属性为left属性默认值；
[0021]设置遮罩层DOM对象的style.width属性为“100％”；
[0022]设置遮罩层DOM对象的style.height属性为“100％”；
[0023]设置遮罩层DOM对象的style.pointerEvents属性为“none”；
[0024]设置遮罩层DOM对象的style.backgroundImage为水印图片路径对象存储的与用户凭证对应的水印；
[0025]步骤A5：在用户存证对象的用户凭证中存放requestAnimationFrame动画函数的返回值；通过requestAnimationFrame动画函数使浏览器在下次重回之前调用生成水印函数，以在浏览器绘制画面的每一帧都执行生成水印函数。
[0026]可选地，所述步骤A1中，还包括接收选填的自定义水印配置；所述生成与用户凭证对应的水印包括如下步骤：
[0027]步骤A21：创建一个HTML画布元素；其中，若自定义水印配置中存在自定义水印宽度，则HTML画布元素的宽度为自定义水印宽度；若不存在自定义水印宽度，则HTML画布元素的宽度为宽度默认值；若自定义水印配置中存在自定义水印高度，则HTML画布元素的高度为自定义水印高度；若不存在自定义水印高度，则HTML画布元素的高度为高度默认值；
[0028]步骤A22：基于getContext方式获取HTML画布元素的上下文对象，得到HTML画布元素渲染对象；
[0029]步骤A23：设置HTML画布元素渲染对象的属性，包括：
[0030]设置HTML画布元素渲染对象的属性，若自定义水印配置中存在自定义背景填充样式，则HTML画布元素渲染对象的背景填充样式为自定义背景填充样式；若不存在自定义背景填充样式，则HTML画布元素渲染对象的背景填充样式为背景填充默认值；
[0031]通过translate函数设置HTML画布元素渲染对象的坐标轴原点；
[0032]通过rotate函数设置HTML画布元素渲染对象的水印偏转角度；其中，若自定义水
印配置中存在自定义水印偏转角度，则HTML画布元素渲染对象的水印偏转角度为自定义水印偏转角度；若不存在自定义水印偏转角度，则HTML画布元素渲染对象的水印偏转角度为偏转角度默认值；
[0033]设置HTML画布元素渲染对象的水印文字和样式；若自定义水印配置中存在自定义水印文字和样式，则HTML画布元素渲染对象的水印文字和样式对应为自定义水印文字和样式；若不存在自定义水印文字和样式，则HTML画布元素渲染对象的水印文字和样式本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种针对于数字产品页面版权可变粒度的保护方法，其特征在于，包括在Vue.js中执行如下步骤：在npm包项目内创建一个waterMark.js文件，waterMark.js文件创建出用户存证对象、水印图片路径对象、遮罩层ID对象、遮罩层父级DOM元素对象、默认遮罩层ID和生成水印函数；需要生成水印时，执行生成水印函数，包括如下步骤：步骤A1：生成水印函数接收必填的用户凭证以及选填的自定义遮罩层配置；其中，若没有接收到用户凭证，则直接报错；若接收到用户凭证，则将用户凭证存储至用户存证对象中，并判断是否存在接收到自定义遮罩层配置，若否，则进行步骤A2；若是，则判断自定义遮罩层配置是否存有自定义遮罩层ID，若否，则直接报错；若是，则进行步骤A2；步骤A2：判断水印图片路径对象是否存在与用户凭证对应的水印图片路径；若是，则进行步骤A3；若否，则生成与用户凭证对应的水印，并通过toDataURL函数在水印图片路径对象中存储与用户凭证对应的水印图片路径，再进行步骤A3；步骤A3：判断是否存在遮罩层DOM对象；若存在，则进行步骤A4；若不存在，则创建一个标签名称为div的DOM元素为遮罩层DOM对象
；
通过document.appendChild函数将遮罩层DOM对象插入父级DOM元素对象，其中，若自定义遮罩层配置中存有自定义遮罩层的父级DOM元素对象，则通过document.appendChild函数将遮罩层DOM对象插入自定义遮罩层的父级DOM元素对象，若没有自定义遮罩层的父级DOM元素对象，则父级DOM元素对象为body元素；将父级DOM对象元素存储在遮罩层父级DOM元素对象中，使遮罩层父级DOM元素对象中存储有与用户凭证对应的父级DOM元素对象；步骤A4：设置遮罩层DOM对象的属性，包括：设置遮罩层DOM对象的position属性，若自定义遮罩层配置中存有自定义遮罩层position，则遮罩层DOM对象的position属性为自定义遮罩层position；若没有自定义遮罩层position，则遮罩层DOM对象的位置属性为position默认值；设置遮罩层DOM对象的层级属性，将遮罩层DOM对象的层级属性设置为层级默认值；设置遮罩层DOM对象的ID属性，将遮罩层DOM对象的ID属性设定为遮罩层ID对象存储的与用户凭证对应的遮罩层DOM对象的ID；设置遮罩层DOM对象的style.top属性，若自定义遮罩层配置中存有自定义遮罩层的top属性，则遮罩层DOM对象的style.top属性为自定义遮罩层的top属性；若没有自定义遮罩层的top属性，则遮罩层DOM对象的style.top属性为top属性默认值；设置遮罩层DOM对象的style.left属性，若自定义遮罩层配置中存有自定义遮罩层的left属性，则遮罩层DOM对象的style.left属性为自定义遮罩层的left属性；若没有自定义遮罩层的left属性，则遮罩层DOM对象的style.left属性为left属性默认值；设置遮罩层DOM对象的style.width属性为“100％”；设置遮罩层DOM对象的style.height属性为“100％”；设置遮罩层DOM对象的style.pointerEvents属性为“none”；设置遮罩层DOM对象的style.backgroundImage为水印图片路径对象存储的与用户凭
证对应的水印；步骤A5：在用户存证对象的用户凭证中...

【专利技术属性】
技术研发人员：邓维滔，孔令超，吕火生，林国友，黄龙杰，彭志鸿，
申请(专利权)人：西藏众陶联供应链服务有限公司林周佳住家网络科技有限公司林周利利佳供应链服务有限公司共青城市众陶联供应链服务有限公司，
类型：发明
国别省市：