一种基于Web页面的签名板实现方法和一种Web系统技术方案

本发明专利技术公开了一种基于Web页面的签名板实现方法和一种Web系统。所述方法包括：服务器在Web页面上增加一个Web签名板，当用户浏览Web页面时，服务器通过浏览器将所述Web签名板显示在Web页面上输出给用户；浏览器获取用户输入的签名文件，并上传到服务器；服务器从所述签名文件中获取签名图片，利用图像叠加技术将所述签名图片添加到所述Web签名板上；服务器通过浏览器将所述添加签名图片后Web签名板显示在Web页面上输出给用户。本发明专利技术的技术方案，使得能够在Web页面上展示用户的个性签名。

【技术实现步骤摘要】

本专利技术涉及互联网Web
，特别是涉及一种基于Web页面的签名板实现方 法和一种Web系统。
技术介绍
随着互联网系统的高速发展，Web页面成为互联网最广泛的服务载体。基于个性 展示或者相同特性兴趣爱好等，形成了博客、贴吧、论坛等各种各样的web服务平台，在这 些聚合了大量人群的平台上，各参与者可以及时沟通、即时互动、共享信息等。但是目前还 无法满足参与者更多的个性展示需求，尤其是无法复制的手写个性签名。
技术实现思路
本专利技术提供了一种基于Web页面的签名板实现方法，该方法使得能够在Web页面 上展示用户的个性签名。本专利技术还提供了一种Web系统，该Web系统能够在Web页面上展示用户的个性签 名。为达到上述目的，本专利技术的技术方案是这样实现的本专利技术公开了一种基于Web页面的签名板实现方法，其特征在于，该方法包括服务器在Web页面上增加一个Web签名板；用户浏览Web页面时，服务器将所述Web签名板显示在Web页面上发送给浏览器， 浏览器将所述Web签名板显示在Web页面上输出给用户；浏览器获取用户输入的签名文件，并上传到服务器；服务器从所述签名文件中获取签名图片，利用图像叠加技术将所述签名图片添加 到所述Web签名板上；服务器将所述添加签名图片后的Web签名板显示在Web页面上发送给浏览器，浏 览器将所述添加签名图片后Web签名板显示在Web页面上输出给用户。上述方法中，所述浏览器获取用户输入的签名文件包括浏览器获取用户已保存在计算机中的签名文件；所述已保存在计算机中的签名文 件为签名扫描件或签名照片；或者，浏览器获取用户使用鼠标或手写笔在所述Web签名板上书写的签名文件。上述方法中，所述浏览器获取用户已保存在计算机中的签名文件包括浏览器在所述Web签名板上向用户输出上传签名功能按钮；当用户点击该上传签名功能按钮时弹出打开文件对话框，用户选择已保存在计算 机中的签名文件。上述方法中，所述浏览器获取用户使用鼠标或手写笔在所述Web签名板上书写的 签名文件包括浏览器在所述Web签名板上向用户输出手写签名功能按钮；当用户点击该手写签名功能按钮时在所述Web签名板上显示输出签名笔工具栏， 用户选择签名笔使用鼠标或手写笔在Web签名板上书写签名。上述方法中，所述服务器从所述签名文件中获取签名图片包括对签名文件做背景透明处理，利用签名文件中的签名图像与背景的色差，从签名 文件中提取出签名图片。上述方法中，所述利用图像叠加技术将所述签名图片添加到所述Web签名板上包 括使用TransparentBlt透明处理函数或AlphaBlend透明处理函数将所述签名图片 绘制到所述Web签名板上。本专利技术还公开一种Web系统，该Web系统包括浏览器和服务器，其中服务器，用于在Web页面上增加一个Web签名板，将所述Web签名板显示在Web页 面上发送给浏览器，接收浏览器上传的签名文件，从所述签名文件中获取签名图片，利用图 像叠加技术将所述签名图片添加到Web签名板上，将添加签名图片后的Web签名板显示在 Web页面上发送给浏览器；浏览器，用于根据服务器的发送，将Web签名板显示在Web页面上输出给用户，获 取用户输入的签名文件并上传到服务器，根据服务器的发送，将添加签名图片后Web签名 板显示在Web页面上输出给用户。所述浏览器，用于获取用户已保存在计算机中的签名文件，或者，获取用户使用鼠 标或手写笔在所述Web签名板上书写的签名文件；所述已保存在计算机中的签名文件为签名扫描件或签名照片。浏览器，用于在所述Web签名板上向用户输出上传签名功能按钮，当用户点击该 上传签名功能按钮时弹出打开文件对话框，用户选择已保存在计算机中的签名文件。或者，浏览器，用于在所述Web签名板上向用户输出手写签名功能按钮，当用户点击该 手写签名功能按钮时在所述Web签名板上显示输出签名笔工具栏，用户选择签名笔使用鼠 标或手写笔在Web签名板上书写签名。所述服务器，用于对签名文件做背景透明处理，利用签名文件中的签名图像与背 景的色差，从签名文件中提取出签名图片。由上述可见，本专利技术这种，服务器在Web页面上增加一个Web签名板；用户浏览 Web页面时，服务器将所述Web签名板显示在Web页面上发送给浏览器，浏览器将所述Web 签名板显示在Web页面上输出给用户；浏览器获取用户输入的签名文件，并上传到服务器； 服务器从所述签名文件中获取签名图片，利用图像叠加技术将所述签名图片添加到所述 Web签名板上；服务器将所述添加签名图片后的Web签名板显示在Web页面上发送给浏览 器，浏览器将所述添加签名图片后Web签名板显示在Web页面上输出给用户的技术方案，能 够在Web页面上展示用户的个性签名。附图说明图1是本专利技术实施例中的一种基于Web页面的签名板实现方法的流程图2是本专利技术实施例中的Web页面上的Web签名板的一个示意图3是本专利技术实施例中的输出签名笔工具栏的Web签名板的示意图。具体实施方式为了使本专利技术的目的、技术方案和优点更加清楚，下面结合附图和具体实施例对 本专利技术进行详细描述。图1是本专利技术实施例中的一种基于Web页面的签名板实现方法的流程图，如图1 所示，该方法包括101，服务器在Web页面上增加一个Web签名板。102，用户浏览Web页面时，服务器将所述Web签名板显示在Web页面上发送给浏 览器，浏览器将所述Web签名板显示在Web页面上输出给用户。本步骤中，Web页面上的Web签名板上显示已签的个性化签名。103，浏览器获取用户输入的签名文件，并上传到服务器。本步骤中，浏览器即可以获取用户已保存在计算机中的签名文件，也可以获取用 户使用鼠标或手写笔在所述Web签名板上书写的签名文件。在Web签名板上向用户输出 “上传签名”功能按钮和“手写签名”功能按钮，以供用户选择输入签名文件的方式。后续对 这两种方式详细说明。104，服务器从所述签名文件中获取签名图片，利用图像叠加技术将所述签名图片 添加到所述Web签名板上。105，服务器将所述添加签名图片后的Web签名板显示在Web页面上发送给浏览 器，浏览器将所述添加签名图片后Web签名板显示在Web页面上输出给用户。图1所示的技术方案，能够在Web页面上展示用户的个性签名。图2是本专利技术实施例中的Web页面上的Web签名板的一个示意图。在图2中，对 与本专利技术无关的内容进行了模糊处理。下面对上述步骤103中提到的两种获取用户签名图片的方式进行详细说明。第一种方式浏览器获取用户已保存在计算机中的签名文件1.1浏览器在所述Web签名板上向用户输出“上传签名”功能按钮，用户点击该“上 传签名”功能按钮；1. 2弹出打开文件对话框，用户选择已保存在计算机中的签名文件；该签名文件 可以是签名扫描件，也可以是签名照片；1. 3浏览器上传用户的签名文件到服务器，服务器中的图片处理模块对用户的签 名文件做背景透明处理，即将签名文件的背景修改为白色；1. 4服务器对签名文件中签名图像，利用签名图像与背景的色差，提取出边界尺 寸，即保留签名的有效部分的最小图片，从而提取出签名图片；1. 5服务器将签名图片利用图像叠加技术，例如使用TransparentBlt、 AlphaBlend等系统自带的透明处理函数或者类似功本文档来自技高网...

【技术保护点】
一种基于Web页面的签名板实现方法，其特征在于，该方法包括：服务器在Web页面上增加一个Web签名板；用户浏览Web页面时，服务器将所述Web签名板显示在Web页面上发送给浏览器，浏览器将所述Web签名板显示在Web页面上输出给用户；浏览器获取用户输入的签名文件，并上传到服务器；服务器从所述签名文件中获取签名图片，利用图像叠加技术将所述签名图片添加到所述Web签名板上；服务器将所述添加签名图片后的Web签名板显示在Web页面上发送给浏览器，浏览器将所述添加签名图片后Web签名板显示在Web页面上输出给用户。

【技术特征摘要】
1.一种基于Web页面的签名板实现方法，其特征在于，该方法包括服务器在Web页面上增加一个Web签名板；用户浏览Web页面时，服务器将所述Web签名板显示在Web页面上发送给浏览器，浏览器将所述Web签名板显示在Web页面上输出给用户；浏览器获取用户输入的签名文件，并上传到服务器；服务器从所述签名文件中获取签名图片，利用图像叠加技术将所述签名图片添加到所述Web签名板上；服务器将所述添加签名图片后的Web签名板显示在Web页面上发送给浏览器，浏览器将所述添加签名图片后Web签名板显示在Web页面上输出给用户。2.根据权利要求1所述的方法，其特征在于，所述浏览器获取用户输入的签名文件包括浏览器获取用户已保存在计算机中的签名文件；所述已保存在计算机中的签名文件为签名扫描件或签名照片；或者，浏览器获取用户使用鼠标或手写笔在所述Web签名板上书写的签名文件。3.根据权利要求2所述的方法，其特征在于，所述浏览器获取用户已保存在计算机中的签名文件包括浏览器在所述Web签名板上向用户输出上传签名功能按钮；当用户点击该上传签名功能按钮时弹出打开文件对话框，用户选择已保存在计算机中的签名文件。4.根据权利要求2所述的方法，其特征在于，所述浏览器获取用户使用鼠标或手写笔在所述Web签名板上书写的签名文件包括浏览器在所述Web签名板上向用户输出手写签名功能按钮；当用户点击该手写签名功能按钮时在所述Web签名板上显示输出签名笔工具栏，用户选择签名笔使用鼠标或手写笔在Web签名板上书写签名。5.根据权利要求1至4中任一项所述的方法，其特征在于，所述服务器从所述签名文件中获取签名图片包括对签名文件做背景透明处理，利用签名文件中的签名图像与背景的色差，从签名文件中提取出签名图片。6.根据权利要求1至4中任一项...

【专利技术属性】
技术研发人员：郝永建，
申请(专利权)人：北京神州泰岳软件股份有限公司，
类型：发明
国别省市：