1、本文格式為Word版，下載可任意編輯 基于WEB的原筆跡手寫輸入方法設備及終端的制作技術 圖片簡介: 本技術涉及一種基于WEB的原筆跡手寫輸入方法、裝置及終端。該方法包括：接收來自用戶通過觸發WEB瀏覽器而產生的啟動簽名命令；根據所述WEB瀏覽器的類型，注冊鼠標移動事件或觸摸事件；獲取基于鼠標移動事件的鼠標移動信號或基于觸摸事件的觸摸信號在簽名畫板上移動的事件；根據所述簽名畫板上移動的事件形成線條，并將所述線條導出為圖片；將所述圖片發送至服務端存儲。用戶可以脫離硬件限制，只需通過瀏覽器，即可做到隨時隨地簽名批注。 技術要求 1.一種基于WEB的原筆跡手寫輸入方法，其特征在于，包括以下步驟： 接

2、收來自用戶通過觸發WEB瀏覽器而產生的啟動簽名命令； 根據所述WEB瀏覽器的類型，注冊鼠標移動事件或觸摸事件； 獲取基于鼠標移動事件的鼠標移動信號或基于觸摸事件的觸摸信號在簽名畫板上移動的事件； 根據所述簽名畫板上移動的事件形成線條，并將所述線條導出為圖片； 將所述圖片發送至服務端存儲。 2.如權利要求1所述的原筆跡手寫輸入方法，其特征在于，還包括以下步驟：當判斷WEB 瀏覽器支持簽名畫板功能時，在所述WEB瀏覽器上顯示所述簽名畫板。 3.如權利要求1所述的原筆跡手寫輸入方法，其特征在于，所述簽名畫板為基于canvas標簽的簽名畫板。 4.如權利要求1所述的原筆跡手寫輸入方法，其特征在于，當所

3、述WEB瀏覽器的類型為移動終端瀏覽器時，注冊觸摸事件；當所述WEB瀏覽器的類型為電腦瀏覽器時，注冊鼠標移動事件。 5.如權利要求1所述的原筆跡手寫輸入方法，其特征在于，將所述圖片發送至服務端存儲的步驟具體為：將所述圖片轉換為字節流，將所述字節流通過HTTP協議發送至服務端進行存儲。 6.如權利要求1所述的原筆跡手寫輸入方法，其特征在于，所述圖片與所述用戶形成關聯關系。 7.一種基于WEB的原筆跡手寫輸入裝置，其特征在于，包括以下模塊： 接收模塊，用于接收來自用戶通過觸發WEB瀏覽器而產生的啟動簽名命令； 事件注冊模塊，用于根據所述WEB瀏覽器的類型，注冊鼠標移動事件或觸摸事件； 事件獲取模塊，

4、用于獲取基于鼠標移動事件的鼠標移動信號或基于觸摸事件的觸摸信號在簽名畫板上移動的事件； 響應模塊，用于根據所述簽名畫板上移動的事件形成線條，并將所述線條導出為圖片； 發送模塊，用于將所述圖片發送至服務端存儲。 8.一種終端，其特征在于，包括存儲器和處理器； 所述存儲器，用于存儲程序指令； 所述處理器，用于執行所述程序指令，以執行以下步驟： 接收來自用戶通過觸發WEB瀏覽器而產生的啟動簽名命令； 根據所述WEB瀏覽器的類型，注冊鼠標移動事件或觸摸事件； 獲取基于鼠標移動事件的鼠標移動信號或基于觸摸事件的觸摸信號在簽名畫板上移動的事件； 根據所述簽名畫板上移動的事件形成線條，并將所述線條導出為圖片

5、； 將所述圖片發送至服務端存儲。 9.如權利要求1所述的終端，其特征在于，當所述WEB瀏覽器的類型為移動終端瀏覽器時，注冊觸摸事件；當所述WEB瀏覽器的類型為電腦瀏覽器時，注冊鼠標移動事件。10.如權利要求1所述的終端，其特征在于，所述圖片與所述用戶形成關聯關系。 技術說明書 一種基于WEB的原筆跡手寫輸入方法、裝置及終端 技術領域 本技術涉及計算機程序技術，具體涉及電子簽名技術。 背景技術 當前市面上的無紙化原筆跡電子簽名解決方案大多需要硬件和軟件硬件相結合，通過 為電腦搭載原筆跡手寫輸入技術的終端(電磁屏搭配電磁筆)，借助這些硬件完成電子文檔簽名、批注、修改等關鍵應用。這樣不但提高了本金，

6、而且加大了實施和推廣難度。 名詞解釋： 1、無紙化辦公：指在不用紙張辦公，在無紙化辦公環境中進行的一種工作方式，無紙化辦公需要硬件、軟件與通信網絡協力才能達到的辦公體驗。 2、原筆跡手寫簽名：這里指書面簽名的數字圖像化，將手寫板上的書寫痕跡直接數字化，并在電腦中原筆跡浮現。 技術內容 為了戰勝現有技術的不足，本技術的目的之一在于提供一種基于WEB的原筆跡手寫輸入方法，其能解決需要借助硬件才能實現電子簽名的問題。 本技術的目的之二在于提供一種基于WEB的原筆跡手寫輸入裝置，其能解決需要借助硬件才能實現電子簽名的問題。 本技術的目的之三在于提供一種終端，其能解決需要借助硬件才能實現電子簽名的問題。

7、 為了實現上述目的之一，本技術所采用的技術方案如下： 一種基于WEB的原筆跡手寫輸入方法，其包括以下步驟： 接收來自用戶通過觸發WEB瀏覽器而產生的啟動簽名命令； 根據所述WEB瀏覽器的類型，注冊鼠標移動事件或觸摸事件； 獲取基于鼠標移動事件的鼠標移動信號或基于觸摸事件的觸摸信號在簽名畫板上移動的事件； 根據所述簽名畫板上移動的事件形成線條，并將所述線條導出為圖片； 將所述圖片發送至服務端存儲。 優選的，還包括以下步驟：當判斷WEB瀏覽器支持簽名畫板功能時，在所述WEB瀏覽器上顯示所述簽名畫板。 優選的，所述簽名畫板為基于canvas標簽的簽名畫板。 優選的，當所述WEB瀏覽器的類型為移動終端

8、瀏覽器時，注冊觸摸事件；當所述WEB瀏覽器的類型為電腦瀏覽器時，注冊鼠標移動事件。 優選的，將所述圖片發送至服務端存儲的步驟具體為：將所述圖片轉換為字節流，將所述字節流通過HTTP協議發送至服務端進行存儲。 優選的，所述圖片與所述用戶形成關聯關系。 為了實現上述目的之二，本技術所采用的技術方案如下： 一種基于WEB的原筆跡手寫輸入裝置，其包括以下模塊： 接收模塊，用于接收來自用戶通過觸發WEB瀏覽器而產生的啟動簽名命令； 事件注冊模塊，用于根據所述WEB瀏覽器的類型，注冊鼠標移動事件或觸摸事件； 事件獲取模塊，用于獲取基于鼠標移動事件的鼠標移動信號或基于觸摸事件的觸摸信號在簽名畫板上移動的事件

9、； 響應模塊，用于根據所述簽名畫板上移動的事件形成線條，并將所述線條導出為圖片； 發送模塊，用于將所述圖片發送至服務端存儲。 為了實現上述目的之三，本技術所采用的技術方案如下： 一種終端，其包括存儲器和處理器； 所述存儲器，用于存儲程序指令； 所述處理器，用于執行所述程序指令，以執行以下步驟： 接收來自用戶通過觸發WEB瀏覽器而產生的啟動簽名命令； 根據所述WEB瀏覽器的類型，注冊鼠標移動事件或觸摸事件； 獲取基于鼠標移動事件的鼠標移動信號或基于觸摸事件的觸摸信號在簽名畫板上移動的事件； 根據所述簽名畫板上移動的事件形成線條，并將所述線條導出為圖片； 將所述圖片發送至服務端存儲。 優選的，當所

10、述WEB瀏覽器的類型為移動終端瀏覽器時，注冊觸摸事件；當所述WEB瀏覽器的類型為電腦瀏覽器時，注冊鼠標移動事件。 優選的，所述圖片與所述用戶形成關聯關系。 相比現有技術，本技術的有益效果在于： 用戶可以脫離硬件限制，只需通過瀏覽器，即可做到隨時隨地簽名批注。譬如用戶在瀏覽了電子文檔或電子協議后，可以簡單、直觀地使用數字筆在屏幕上對電子文檔或電子協議進行電子簽名和批注操作。本技術自然直觀的交互方式解決了原筆跡書寫的數據交互難題，實現了數字化的手寫批注和手寫簽名。 附圖說明 圖1為本技術較佳實施例的基于WEB的原筆跡手寫輸入方法的流程圖； 圖2為本技術較佳實施例的基于WEB的原筆跡手寫輸入裝置的結

11、構示意圖； 圖3為本技術較佳實施例的終端的結構示意圖。 具體實施方式 下面，結合附圖以及具體實施方式，對本技術做進一步描述： 如圖1所示，本實施例提出了一種基于WEB的原筆跡手寫輸入方法，其包括以下步驟： 步驟S1、接收來自用戶通過觸發WEB瀏覽器而產生的啟動簽名命令。該步驟具體是，用戶通過PC、手機或平板電腦(PAD)等設備開啟WEB瀏覽器，訪問支持原筆跡手寫簽名功能的網站，并啟動簽名功能。 步驟S2、當判斷WEB瀏覽器支持簽名畫板功能時，在所述WEB瀏覽器上顯示所述簽名畫板。本步驟具體為：判斷所述WEB瀏覽器是否完整支持HTML5，若支持，則構建基于canvas標簽的簽名畫板，在所述WEB

12、瀏覽器上顯示所述簽名畫板，該簽名畫板用于網頁繪制圖像，否則，提醒用戶不支持并阻止該簽名畫板功能。 步驟S3、根據所述WEB瀏覽器的類型，注冊鼠標移動事件或觸摸事件。本步驟具體為：可以通過userAgent判斷所述WEB瀏覽器的類型，判斷是注冊鼠標移動事件還是觸摸事件。例如，當所述WEB瀏覽器的類型為移動終端瀏覽器時，說明請求設備為手機或PAD，則注冊觸摸事件；當所述WEB瀏覽器的類型為電腦瀏覽器時，所述請求設備為PC，則注冊鼠標移動事件。 步驟S4、獲取基于鼠標移動事件的鼠標移動信號或基于觸摸事件的觸摸信號在簽名畫板上移動的事件。本步驟具體為：監聽用戶通過鼠標或觸摸屏在簽名畫板上的書寫操作。

13、步驟S5、根據所述簽名畫板上移動的事件形成線條，并將所述線條導出為圖片。本步驟具體為：實時獲取書寫操作在簽名畫板上形成的坐標點，將各坐標點連接成線條，通過所述線條還原用戶在簽名畫板上書寫的原筆跡。 步驟S6、將所述圖片發送至服務端存儲。本步驟具體為：將原筆跡的圖片導出成圖片，將所述圖片轉換為字節流，將所述字節流通過HTTP協議發送至服務端進行存儲。所述圖片與所述用戶形成關聯關系。，形成對應的簽名數據，以便用戶后續調取使用。 如圖2所示，與上述方法對應提出一種基于WEB的原筆跡手寫輸入裝置，本裝置為虛擬裝置，其包括以下模塊： 接收模塊，用于接收來自用戶通過觸發WEB瀏覽器而產生的啟動簽名命令。本模塊具體是，用戶通