一種基於Web頁面的籤名板實現方法和一種Web系統的製作方法

2023-05-09 10:29:26

專利名稱：一種基於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籤名板 上返回給瀏覽器；
1. 6瀏覽器更新頁面上的籤名圖片。
第二種方式瀏覽器獲取用戶使用滑鼠或手寫筆在所述群組籤名板上書寫的籤名 文件
2.1瀏覽器在所述Web籤名板上向用戶輸出「手寫籤名」功能按鈕，用戶點擊該「手 寫籤名」功能按鈕；
2. 2在所述Web籤名板上顯示輸出籤名筆工具欄；
具體來說，在Web籤名板上使用Flash或者ActiveX覆蓋一個透明的無邊框籤名 區域窗口，籤名區域內顯示Flash或者ActiveX創建的工具欄，在工具欄上用戶可以選擇不 同的籤名筆或者籤名顏色；
圖3是本發明實施例中的輸出籤名筆工具欄的Web籤名板的示意圖；圖3中也對 與本發明無關的內容進行了模糊處理。
2. 3用戶選擇籤名筆；
2. 4用戶使用滑鼠或手寫筆在Web籤名板上書寫籤名，完成後點擊完成按鈕；
2. 5瀏覽器將用戶書寫好的籤名文件上傳到伺服器；
2. 6伺服器對籤名文件中的籤名圖像，利用籤名圖像與背景的色差，提取出邊界尺 寸，即保留籤名的有效部分的最小圖片，從而提取出籤名圖片；
2. 7伺服器使用圖像疊加技術，將籤名圖片繪製在用戶書寫的位置，然後將疊加後 的籤名圖片發給瀏覽器；
2. 8瀏覽器更新頁面上的籤名圖片。
基於上述實施例給出本發明中的一種Web系統,該Web系統包括瀏覽器和服務 器，其中
伺服器，用於在Web頁面上增加一個Web籤名板，將所述Web籤名板顯示在Web頁 面上發送給瀏覽器，接收瀏覽器上傳的籤名文件，從所述籤名文件中獲取籤名圖片，利用圖 像疊加技術將所述籤名圖片添加到Web籤名板上，將添加籤名圖片後的Web籤名板顯示在 Web頁面上發送給瀏覽器；
瀏覽器，用於根據伺服器的發送，將Web籤名板顯示在Web頁面上輸出給用戶，獲 取用戶輸入的籤名文件並上傳到伺服器，根據伺服器的發送，將添加籤名圖片後Web籤名 板顯示在Web頁面上輸出給用戶。
所述瀏覽器，用於獲取用戶已保存在計算機中的籤名文件，或者，獲取用戶使用鼠 標或手寫筆在所述Web籤名板上書寫的籤名文件；
所述已保存在計算機中的籤名文件為籤名掃描件或籤名照片。
瀏覽器，用於在所述Web籤名板上向用戶輸出上傳籤名功能按鈕，當用戶點擊該 上傳籤名功能按鈕時彈出打開文件對話框，用戶選擇已保存在計算機中的籤名文件。
或者，
瀏覽器，用於在所述Web籤名板上向用戶輸出手寫籤名功能按鈕，當用戶點擊該 手寫籤名功能按鈕時在所述Web籤名板上顯示輸出籤名筆工具欄，用戶選擇籤名筆使用鼠 標或手寫筆在Web籤名板上書寫籤名。
所述伺服器，用於對籤名文件做背景透明處理，利用籤名文件中的籤名圖像與背 景的色差，從籤名文件中提取出籤名圖片。
綜上所述，在本發明中，在Web頁面上增加一 Web籤名板，籤名板內顯示已有的籤 名圖片，各參與者可以在Web籤名板上添加或者書寫自己的個性籤名。添加籤名可以選擇 個性籤名的掃描件或者照片，上傳提交籤名到Web服務端後，由Web服務端程序進行籤名內容提取，利用圖像疊加技術，將個性籤名添加到籤名圖片；書寫個性籤名，則使用Flash技 術或者ActiveX創建一個繪圖板，覆蓋在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中任一項所述的方法，其特徵在於，所述利用圖像疊加技術將所述籤名圖片添加到所述Web籤名板上包括使用TransparentBlt透明處理函數或AlphaBlend透明處理函數將所述籤名圖片繪製到所述Web籤名板上。
7.—種Web系統,其特徵在於,該Web系統包括瀏覽器和伺服器，其中伺服器，用於在Web頁面上增加一個Web籤名板,將所述Web籤名板顯示在Web頁面上發送給瀏覽器，接收瀏覽器上傳的籤名文件，從所述籤名文件中獲取籤名圖片，利用圖像疊加技術將所述籤名圖片添加到Web籤名板上，將添加籤名圖片後的Web籤名板顯示在Web頁面上發送給瀏覽器；瀏覽器，用於根據伺服器的發送，將Web籤名板顯示在Web頁面上輸出給用戶，獲取用戶輸入的籤名文件並上傳到伺服器，根據伺服器的發送，將添加籤名圖片後Web籤名板顯示在Web頁面上輸出給用戶。
8.根據權利要求7所述的Web系統，其特徵在於，所述瀏覽器，用於獲取用戶已保存在計算機中的籤名文件，或者，獲取用戶使用滑鼠或手寫筆在所述Web籤名板上書寫的籤名文件；所述已保存在計算機中的籤名文件為籤名掃描件或籤名照片。
9.根據權利要求8所述的Web系統，其特徵在於，瀏覽器，用於在所述Web籤名板上向用戶輸出上傳籤名功能按鈕，當用戶點擊該上傳籤名功能按鈕時彈出打開文件對話框，用戶選擇已保存在計算機中的籤名文件。或者，瀏覽器，用於在所述Web籤名板上向用戶輸出手寫籤名功能按鈕，當用戶點擊該手寫籤名功能按鈕時在所述Web籤名板上顯示輸出籤名筆工具欄，用戶選擇籤名筆使用滑鼠或手寫筆在Web籤名板上書寫籤名。
10.根據權利要求7至9中任一項所述的Web系統，其特徵在於，所述伺服器，用於對籤名文件做背景透明處理，利用籤名文件中的籤名圖像與背景的色差，從籤名文件中提取出籤名圖片。
全文摘要
本發明公開了一種基於Web頁面的籤名板實現方法和一種Web系統。所述方法包括伺服器在Web頁面上增加一個Web籤名板，當用戶瀏覽Web頁面時，伺服器通過瀏覽器將所述Web籤名板顯示在Web頁面上輸出給用戶；瀏覽器獲取用戶輸入的籤名文件，並上傳到伺服器；伺服器從所述籤名文件中獲取籤名圖片，利用圖像疊加技術將所述籤名圖片添加到所述Web籤名板上；伺服器通過瀏覽器將所述添加籤名圖片後Web籤名板顯示在Web頁面上輸出給用戶。本發明的技術方案，使得能夠在Web頁面上展示用戶的個性籤名。
文檔編號G06F17/30GK103020065SQ201110282828
公開日2013年4月3日 申請日期2011年9月22日 優先權日2011年9月22日
發明者郝永建 申請人:北京神州泰嶽軟體股份有限公司