System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种基于WEB实现的水印处理技术制造技术_技高网

一种基于WEB实现的水印处理技术制造技术

技术编号:41211926 阅读:11 留言:0更新日期:2024-05-09 23:35
本发明专利技术公开了一种基于WEB实现的水印处理技术,采用了原生JavaScript的API,提供出一套可供JavaScript的框架使用的一套完整的水印功能,打破市面上水印功能不够灵活、不够多变等,刻板式水印功能,提高数据安全、保护知识产权、提高品牌形象,水印具有简单、易用性,水印应充分考虑扩展情况,保证水印在各种项目中的综合表现,水印调用能够方便的形成,并能在接入方顺利的实现,跨浏览器兼容各种水印动态展示,通过水印系统来保护数字版权,通过水印系统建立品牌形象,通过水印系统可以有效防止内容被盗取或者被滥用,水印系统通过自定义水印格式,自动规划出水印,大小及其布局,并且在相应的模块展示水印。

【技术实现步骤摘要】

本专利技术涉及水印处理技术,具体为一种基于web实现的水印处理技术。


技术介绍

1、目前市面上的软件项目很少有做一套完整水印功能的产品,项目中无法按需加载水印,项目中无法按需配置水印,项目中web浏览器数据防泄漏、防篡改。


技术实现思路

1、针对现有技术存在的上述缺点,本专利技术的目的是提供一种基于web实现的水印处理技术。

2、为实现上述目的,本专利技术提供如下技术方案:一种基于web实现的水印处理技术,包括以下步骤:

3、步骤1:水印背景管理;

4、步骤2:初始化水印数据;

5、步骤3:初始水印数据;

6、步骤4:渲染函数mycanvas;

7、步骤5:水印数据展示。

8、优选的,所述步骤1中先新建水印背景,再用户输入的水印信息。

9、优选的,所述步骤2中先构建水印数据,从而获取用户输入的水印信息,再创建水印生成容器,<div id='mycanvas'></div>,之后生成默认水印数据,其包括:水印宽高、水印文字、水印文字大小、水印文字透明度、水印文字字体、水印角度、水印背景图片。

10、优选的,所述步骤3中先生成mycanvas水印生成类,给绘制水印容器设置宽高属性,再生成绘制图片的函数,之后生成绘制文字的函数,随后生成绘制文字计算文字数据情况,进行分行绘制的函数,然后生成绘制canvas视图时分辨率的函数,最后生成绘制render函数。p>

11、优选的,所述步骤4中渲染的函数mycanvas有let canvasmo=new mycanvas(canvasobj,mycanvas)

12、canvasmo.render()

13、渲染完函数,获取到水印数据,保存并上传服务器。

14、优选的,所述步骤5中先生成水印加载容器<div class="watermarkbox"></div>,再构建useglobalwatermark水印生成函数,在构建中不需要加载水印的红名单菜单,监听页面地址变化,设置加载开关,构建设置默认水印函数setwatermarkdefault,获取默认水印配置,例如:用户姓名,手机号,水印大小、水印宽高、水印透明度,构建设置页面水印函数drawpagewatermark,函数功能:更具默认水印,获取屏幕比例,现将水印文字绘制,在根据屏幕比例计算出绘制水印的大小个数,最终生成绘制水印的矩阵数组,绘制成页面水印。

15、与现有技术相比,本专利技术的有益效果是:

16、本专利技术采用了原生javascript的api,提供出一套可供javascript的框架使用的一套完整的水印功能,打破市面上水印功能不够灵活、不够多变等,刻板式水印功能,提高数据安全、保护知识产权、提高品牌形象,水印具有简单、易用性,水印应充分考虑扩展情况,保证水印在各种项目中的综合表现,水印调用能够方便的形成,并能在接入方顺利的实现,跨浏览器兼容各种水印动态展示,通过水印系统来保护数字版权,通过水印系统建立品牌形象,通过水印系统可以有效防止内容被盗取或者被滥用,水印系统通过自定义水印格式,自动规划出水印,大小及其布局,并且在相应的模块展示水印。

本文档来自技高网...

【技术保护点】

1.一种基于WEB实现的水印处理技术,其特征在于包括以下步骤:

2.根据权利要求1所述的一种基于WEB实现的水印处理技术,其特征在于:所述步骤1中先新建水印背景,再用户输入的水印信息。

3.根据权利要求1所述的一种基于WEB实现的水印处理技术,其特征在于:所述步骤2中先构建水印数据,从而获取用户输入的水印信息,再创建水印生成容器,<div id='myCanvas'></div>,之后生成默认水印数据,其包括:水印宽高、水印文字、水印文字大小、水印文字透明度、水印文字字体、水印角度、水印背景图片。

4.根据权利要求1所述的一种基于WEB实现的水印处理技术,其特征在于:所述步骤3中先生成MyCanvas水印生成类,给绘制水印容器设置宽高属性,再生成绘制图片的函数,之后生成绘制文字的函数,随后生成绘制文字计算文字数据情况,进行分行绘制的函数,然后生成绘制Canvas视图时分辨率的函数,最后生成绘制render函数。

5.根据权利要求1所述的一种基于WEB实现的水印处理技术,其特征在于:所述步骤4中渲染的函数MyCanvas有let canvasMo=new MyCanvas(canvasObj,myCanvas)

6.根据权利要求1所述的一种基于WEB实现的水印处理技术,其特征在于:所述步骤5中先生成水印加载容器<div

...

【技术特征摘要】

1.一种基于web实现的水印处理技术,其特征在于包括以下步骤:

2.根据权利要求1所述的一种基于web实现的水印处理技术,其特征在于:所述步骤1中先新建水印背景,再用户输入的水印信息。

3.根据权利要求1所述的一种基于web实现的水印处理技术,其特征在于:所述步骤2中先构建水印数据,从而获取用户输入的水印信息,再创建水印生成容器,<div id='mycanvas'></div>,之后生成默认水印数据,其包括:水印宽高、水印文字、水印文字大小、水印文字透明度、水印文字字体、水印角度、水印背景图片。

4.根据权利要求1所述的一种基于web实现的水印...

【专利技术属性】
技术研发人员:詹飞安奋泽曾俊林晨向成静罗鉴熊海罗玉周道华周小强陈运均王莎
申请(专利权)人:成都中科大旗软件股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1