[發明專利]一種基于canvas實現移動端防篡改的電子簽名方法

在審

• 申請號: 201811024226.X
• 申請日: 2018-09-04
• 公開（公告）號: CN109299620A
• 公開（公告）日: 2019-02-01
• 發明（設計）人: 張麗寶;邵輝;王宏達;康凱
• 申請（專利權）人: 山東浪潮通軟信息科技有限公司
• 主分類號: G06F21/64
• 分類號: G06F21/64;G06T11/80
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 闞恭勇

本發明提供一種基于canvas實現移動端防篡改的電子簽名方法，屬于移動端電子簽名技術領域，本發明通過HTML5中的<canvas>標簽來繪制圖形，通過腳本javaScript來完成圖形繪制。通過該方法用戶可以在移動端實現個人簽名，簽名后生成固定圖片，防止被篡改。該方法能更有效的識別簽名人的身份，表明簽名人認可其中的內容數據。

技術領域

本發明涉及移動端電子簽名技術，尤其涉及一種基于canvas實現移動端防篡改的電子簽名方法。

背景技術

隨著計算機科學和網絡技術的發展,信息的安全問題越來越突出。簽名技術是密碼技術的一個重要分支,能夠進行身份認證、保證信息的完整性、防抵賴等；近幾年，智能移動終端的軟硬件技術和無線通信技術得到了迅猛的發展，同時也促進了移動辦公系統的廣泛應用，移動端電子簽名尤為重要。

發明內容

為了解決以上技術問題，本發明提出了一種基于canvas實現移動端防篡改的電子簽名方法，滿足移動端實現防篡改的電子簽名的業務需求。

本發明的技術方案是：

一種基于canvas實現移動端防篡改的電子簽名方法，主要包括兩個方面

A、基于canvas實現移動端電子簽名，

B、簽名后生成圖片防止篡改。

基于HTML5新增的&lt;canvas&gt;，使用腳本(通常為JavaScript)在其中繪制圖像的HTML元素，通過一套完整的繪圖函數來動態生成圖形，繪制出個人的簽名。

生成個人的簽名圖形后，通過canvas提供的方法toDataURL()，這個方法能把畫布里的圖案轉變成png或者其他格式的圖片，生成圖片后圖形不可更改。

具體步驟如下：

1、繪制圖像

1)創建畫布

在HTML頁面中使用&lt;canvas&gt;元素來創建一個畫布，設置id屬性，設置height和width確定畫布大小。

2)通過JavaScript來繪制圖像

首先找到canvas元素，創建context對象，在getContext(2d)對象是內建的HTML5對象。

3)繪制圖像

當手指觸碰屏幕，通過偵聽touchstart事件，創建路徑的事件beginPath()；

當手指在屏幕上滑動時，通過偵聽touchmove事件，把畫筆移動到指定的坐標moveTo(x,y)，相當于設置路徑的起始點坐標，通過stroke()進行繪制；

當手指離開屏幕，通過偵聽touchend事件，通過closePath()結束繪制。

2、保存圖片

通過canvas.toDataURL()方法將繪制的圖像直接保存成base64碼，通過后臺解析，將圖片保存到服務器；當實際功能用到簽名時，通過html2canvas將整個HTML生成一個圖片，在經后臺轉碼解析，存入服務器，相關地址存入數據庫中。

本發明的有益效果是

用戶通過本發明可以在移動端實現個人簽名，簽名后生成固定圖片，防止被篡改。能更有效的識別簽名人的身份，表明簽名人認可其中的內容數據。本發明簡單方便，易于實際工作，具有很好的使用價值。

附圖說明

圖1是移動電子簽名的流程圖。

具體實施方式