基于WEB的原筆跡手寫輸入方法設(shè)備及終端的制作技術(shù)

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

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

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

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

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

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

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

8、瀏覽器時(shí)，注冊(cè)觸摸事件；當(dāng)所述WEB瀏覽器的類型為電腦瀏覽器時(shí)，注冊(cè)鼠標(biāo)移動(dòng)事件。 優(yōu)選的，將所述圖片發(fā)送至服務(wù)端存儲(chǔ)的步驟具體為：將所述圖片轉(zhuǎn)換為字節(jié)流，將所述字節(jié)流通過HTTP協(xié)議發(fā)送至服務(wù)端進(jìn)行存儲(chǔ)。 優(yōu)選的，所述圖片與所述用戶形成關(guān)聯(lián)關(guān)系。 為了實(shí)現(xiàn)上述目的之二，本技術(shù)所采用的技術(shù)方案如下： 一種基于WEB的原筆跡手寫輸入裝置，其包括以下模塊： 接收模塊，用于接收來自用戶通過觸發(fā)WEB瀏覽器而產(chǎn)生的啟動(dòng)簽名命令； 事件注冊(cè)模塊，用于根據(jù)所述WEB瀏覽器的類型，注冊(cè)鼠標(biāo)移動(dòng)事件或觸摸事件； 事件獲取模塊，用于獲取基于鼠標(biāo)移動(dòng)事件的鼠標(biāo)移動(dòng)信號(hào)或基于觸摸事件的觸摸信號(hào)在簽名畫板上移動(dòng)的事件

9、； 響應(yīng)模塊，用于根據(jù)所述簽名畫板上移動(dòng)的事件形成線條，并將所述線條導(dǎo)出為圖片； 發(fā)送模塊，用于將所述圖片發(fā)送至服務(wù)端存儲(chǔ)。 為了實(shí)現(xiàn)上述目的之三，本技術(shù)所采用的技術(shù)方案如下： 一種終端，其包括存儲(chǔ)器和處理器； 所述存儲(chǔ)器，用于存儲(chǔ)程序指令； 所述處理器，用于執(zhí)行所述程序指令，以執(zhí)行以下步驟： 接收來自用戶通過觸發(fā)WEB瀏覽器而產(chǎn)生的啟動(dòng)簽名命令； 根據(jù)所述WEB瀏覽器的類型，注冊(cè)鼠標(biāo)移動(dòng)事件或觸摸事件； 獲取基于鼠標(biāo)移動(dòng)事件的鼠標(biāo)移動(dòng)信號(hào)或基于觸摸事件的觸摸信號(hào)在簽名畫板上移動(dòng)的事件； 根據(jù)所述簽名畫板上移動(dòng)的事件形成線條，并將所述線條導(dǎo)出為圖片； 將所述圖片發(fā)送至服務(wù)端存儲(chǔ)。 優(yōu)選的，當(dāng)所

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

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

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

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