本發(fā)明涉及圖片處理技術(shù)領(lǐng)域,尤其涉及一種在觸摸屏上對(duì)圖片進(jìn)行標(biāo)注操作的圖片處理方法及裝置。
背景技術(shù):
目前,隨著iPhone、itouch、iPad、android手機(jī)和android平板電腦的流行,觸摸屏操作已經(jīng)逐漸成為流行和大家習(xí)慣的操作方式;使用圖片標(biāo)注軟件在這些觸摸屏設(shè)備上直接進(jìn)行圖片標(biāo)注也越來越受移動(dòng)辦公人群青睞。不同于PC上使用鼠標(biāo)進(jìn)行操作的方式,觸摸屏上的操作有其獨(dú)特的特點(diǎn):手指點(diǎn)擊代替鼠標(biāo)點(diǎn)擊,手指滑動(dòng)操作代替鼠標(biāo)移動(dòng),還有多點(diǎn)觸控、長(zhǎng)按等各種操作手勢(shì),再結(jié)合形狀識(shí)別,可以擴(kuò)展出許多方便快捷的交互動(dòng)作,極大地提高了移動(dòng)辦公的工作效率。
但是,現(xiàn)有技術(shù)使用標(biāo)注工具在觸摸屏上進(jìn)行圖片標(biāo)注的操作過程較為復(fù)雜,其并未充分利用觸摸屏的操作手勢(shì)識(shí)別特點(diǎn),從而降低了圖片標(biāo)注的效率。
技術(shù)實(shí)現(xiàn)要素:
本發(fā)明實(shí)施例提供一種圖片處理方法及裝置,可以在觸摸屏上方便快速地實(shí)現(xiàn)圖片標(biāo)注,簡(jiǎn)化用戶操作。
本發(fā)明實(shí)施例提出的一種圖片處理方法,包括:
獲取載入的圖片,在圖片層渲染并顯示所述圖片;
接收用戶在所述圖片上觸發(fā)的操作手勢(shì);
識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果在所述圖片上對(duì)應(yīng)位置生成對(duì)應(yīng)的標(biāo)注對(duì)象;
將所述標(biāo)注對(duì)象通過標(biāo)注層渲染,并在對(duì)應(yīng)的位置與所述圖片合成顯示。
本發(fā)明實(shí)施例還提出一種圖片處理裝置,包括:
圖片載入模塊,用于獲取載入的圖片,在圖片層渲染并顯示所述圖片;
手勢(shì)接收模塊,用于接收用戶在所述圖片上觸發(fā)的操作手勢(shì);
標(biāo)注模塊,用于識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果在所述圖片上對(duì)應(yīng)位置生成對(duì)應(yīng)的標(biāo)注對(duì)象;
顯示模塊,用于將所述標(biāo)注對(duì)象通過標(biāo)注層渲染,并在對(duì)應(yīng)的位置與所述圖片合成顯示。
本發(fā)明實(shí)施例提出的一種圖片處理方法及裝置,通過獲取載入的圖片并顯示所述圖片;接收用戶在所述圖片上觸發(fā)的操作手勢(shì);識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果生成對(duì)應(yīng)的標(biāo)注對(duì)象;將所述標(biāo)注對(duì)象在所述圖片上對(duì)應(yīng)位置顯示,由此充分利用觸摸屏特點(diǎn),響應(yīng)各種交互手勢(shì),結(jié)合形狀識(shí)別,使得用戶可以方便快速地在觸摸屏終端上完成圖片標(biāo)注操作,簡(jiǎn)化辦公人群使用標(biāo)注工具的操作過程,極大的提高了工作效率,優(yōu)化用戶體驗(yàn)。
附圖說明
圖1是本發(fā)明實(shí)施例方案涉及的系統(tǒng)架構(gòu)示意圖;
圖2是圖1所示的手勢(shì)識(shí)別系統(tǒng)的架構(gòu)示意圖;
圖3a是本發(fā)明實(shí)施例方案涉及的一種操作手勢(shì)示意圖;
圖3b是本發(fā)明實(shí)施例方案涉及的另一種操作手勢(shì)示意圖;
圖3c是本發(fā)明實(shí)施例方案涉及的又一種操作手勢(shì)示意圖;
圖3d是本發(fā)明實(shí)施例方案涉及的又一種操作手勢(shì)示意圖;
圖4是圖1所示的標(biāo)注管理系統(tǒng)的標(biāo)注隊(duì)列示意圖;
圖5是本發(fā)明實(shí)施例方案涉及的圖片處理裝置的硬件結(jié)構(gòu)示意圖;
圖6是本發(fā)明圖片處理方法較佳實(shí)施例的流程示意圖;
圖7是本發(fā)明圖片處理裝置較佳實(shí)施例的功能模塊示意圖。
為了使本發(fā)明的技術(shù)方案更加清楚、明了,下面將結(jié)合附圖作進(jìn)一步詳述。
具體實(shí)施方式
應(yīng)當(dāng)理解,此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明,并不用于限 定本發(fā)明。
本發(fā)明實(shí)施例方案的核心思想是:通過獲取載入的圖片并顯示所述圖片;接收用戶在所述圖片上觸發(fā)的操作手勢(shì);識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果生成對(duì)應(yīng)的標(biāo)注對(duì)象;將所述標(biāo)注對(duì)象在所述圖片上對(duì)應(yīng)位置顯示,由此充分利用觸摸屏特點(diǎn),響應(yīng)各種交互手勢(shì),結(jié)合形狀識(shí)別,使得用戶可以方便快速地在觸摸屏終端上完成圖片標(biāo)注操作,簡(jiǎn)化辦公人群使用標(biāo)注工具的操作過程,提高工作效率,優(yōu)化用戶體驗(yàn)。
如前所述,不同于PC上使用鼠標(biāo)進(jìn)行操作的方式,觸摸屏上的操作有其獨(dú)特的特點(diǎn):手指點(diǎn)擊代替鼠標(biāo)點(diǎn)擊,手指滑動(dòng)操作代替鼠標(biāo)移動(dòng),還有多點(diǎn)觸控、長(zhǎng)按等各種操作手勢(shì),再結(jié)合形狀識(shí)別,可以擴(kuò)展出許多方便快捷的交互動(dòng)作,極大地提高移動(dòng)辦公的工作效率。
為了充分利用觸摸屏的特點(diǎn),簡(jiǎn)化辦公人群使用標(biāo)注工具的操作過程,本發(fā)明實(shí)施例提出一種在觸摸屏上對(duì)圖片進(jìn)行標(biāo)注操作的交互方法,充分利用觸摸屏特點(diǎn),響應(yīng)各種交互手勢(shì),結(jié)合形狀識(shí)別,使得用戶可以更方便快速地完成圖片標(biāo)注工作。
具體地,如圖1所示,本發(fā)明實(shí)施例方案涉及的軟件系統(tǒng)架構(gòu)包括手勢(shì)識(shí)別系統(tǒng)、標(biāo)注管理系統(tǒng)以及顯示系統(tǒng),其中:
手勢(shì)識(shí)別系統(tǒng)主要負(fù)責(zé)收集操作元數(shù)據(jù),分析具體的操作手勢(shì),最終轉(zhuǎn)化為某個(gè)標(biāo)注。手勢(shì)識(shí)別系統(tǒng)的架構(gòu)可以如圖2所示。
操作手勢(shì)比如可以為:雙擊添加文字(如圖3a所示)、長(zhǎng)按添加箭頭(如圖3b所示)、涂鴉畫圓添加圓形標(biāo)注(如圖3c所示)、涂鴉畫矩形添加矩形標(biāo)注(如圖3d所示)或者其它涂鴉操作添加涂鴉標(biāo)注,此外,操作手勢(shì)還可以為雙指控制畫布等。
標(biāo)注管理系統(tǒng)主要負(fù)責(zé)維護(hù)標(biāo)注對(duì)象,從手勢(shì)識(shí)別系統(tǒng)接受新添加的標(biāo)注對(duì)象,加入標(biāo)注隊(duì)列,并將維護(hù)的標(biāo)注隊(duì)列傳遞給顯示系統(tǒng)展示。其中,標(biāo)注管理系統(tǒng)的標(biāo)注隊(duì)列可以如圖4所示,標(biāo)注隊(duì)列還攜帶每一標(biāo)注對(duì)象的坐標(biāo)信息。
顯示系統(tǒng)主要負(fù)責(zé)展示圖片和標(biāo)注結(jié)果,可以分為多個(gè)圖層,比如包括圖片層和標(biāo)注層,圖片層負(fù)責(zé)渲染原始圖片,標(biāo)注層負(fù)責(zé)渲染所有的標(biāo)注對(duì)象,在用戶完成標(biāo)注后保存圖片時(shí),顯示系統(tǒng)會(huì)合并圖層生成結(jié)果圖并展示給用戶,最終實(shí)現(xiàn)圖片的標(biāo)注。
上述軟件系統(tǒng)可以以客戶端軟件的形式集成在一圖片處理裝置中,該圖片處理裝置可以承載于PC端,也可以承載于手機(jī)、平板電腦、便攜式手持設(shè)備等各種觸控移動(dòng)終端上,通過客戶端軟件向用戶提供應(yīng)用操作界面,并根據(jù)用戶的相應(yīng)手勢(shì)操作,在圖片上進(jìn)行標(biāo)注。
作為一種具體實(shí)現(xiàn)方案,通過獲取載入的圖片并顯示所述圖片;接收用戶在所述圖片上觸發(fā)的操作手勢(shì);識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果生成對(duì)應(yīng)的標(biāo)注對(duì)象;將所述標(biāo)注對(duì)象在所述圖片上對(duì)應(yīng)位置顯示。由此,充分利用觸摸屏特點(diǎn),響應(yīng)各種交互手勢(shì),結(jié)合形狀識(shí)別,使得用戶可以方便快速地在觸摸屏終端上完成圖片標(biāo)注操作,簡(jiǎn)化辦公人群使用標(biāo)注工具的操作過程,提高工作效率,優(yōu)化用戶體驗(yàn)。
上述圖片處理裝置的硬件結(jié)構(gòu)可以如圖5所示。
參照?qǐng)D5,該圖片處理裝置可以包括:處理器1001,例如CPU,網(wǎng)絡(luò)接口1004,用戶接口1003,存儲(chǔ)器1005,通信總線1002。其中,通信總線1002用于實(shí)現(xiàn)該服務(wù)器中各組成部件之間的連接通信。用戶接口1003可以包括具有觸控功能的顯示屏(Display),以及鍵盤(Keyboard)、鼠標(biāo)等組件,用于接收用戶輸入的信息,并將接收的信息發(fā)送至處理器1005進(jìn)行處理,其中,用戶輸入的信息包括用戶輸入的各種手勢(shì)操作。顯示屏可以為L(zhǎng)CD顯示屏、LED顯示屏,用于顯示圖片以及用戶標(biāo)注的信息等需要顯示的數(shù)據(jù)。可選地,用戶接口1003還可以包括標(biāo)準(zhǔn)的有線接口、無線接口。網(wǎng)絡(luò)接口1004可選的可以包括標(biāo)準(zhǔn)的有線接口、無線接口(如WI-FI接口)。存儲(chǔ)器1005可以是高速RAM存儲(chǔ)器,也可以是穩(wěn)定的存儲(chǔ)器(non-volatile memory),例如磁盤存儲(chǔ)器。存儲(chǔ)器1005可選的還可以是獨(dú)立于前述處理器1001的存儲(chǔ)裝置。如圖5所示,作為一種計(jì)算機(jī)存儲(chǔ)介質(zhì)的存儲(chǔ)器1005中可以包括操作系統(tǒng)、網(wǎng)絡(luò)通信模塊、用戶接口模塊以及圖片處理程序。
在圖5所示的圖片處理裝置中,網(wǎng)絡(luò)接口1004主要用于后臺(tái)管理平臺(tái), 與后臺(tái)管理平臺(tái)進(jìn)行數(shù)據(jù)通信;用戶接口1003主要用于連接客戶端,與客戶端進(jìn)行數(shù)據(jù)通信,接收客戶端輸入的手勢(shì)操作及標(biāo)注等信息和指令;而處理器1001可以用于調(diào)用存儲(chǔ)器1005中存儲(chǔ)的圖片處理程序,并執(zhí)行以下操作:
獲取載入的圖片,在圖片層渲染并顯示所述圖片;
接收用戶在所述圖片上觸發(fā)的操作手勢(shì);
識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果在所述圖片上對(duì)應(yīng)位置生成對(duì)應(yīng)的標(biāo)注對(duì)象;
將所述標(biāo)注對(duì)象通過標(biāo)注層渲染,并在對(duì)應(yīng)的位置與所述圖片合成顯示。
進(jìn)一步地,在一個(gè)實(shí)施例中,處理器1001調(diào)用存儲(chǔ)器1005中存儲(chǔ)的圖片處理程序,還可以執(zhí)行以下操作:
按照所述標(biāo)注對(duì)象生成的時(shí)間先后順序,將所有標(biāo)注對(duì)象加入標(biāo)注隊(duì)列;
獲取所述標(biāo)注隊(duì)列中所有標(biāo)注對(duì)象;
通過圖片層渲染原始圖片,通過標(biāo)注層渲染所有標(biāo)注對(duì)象;
當(dāng)用戶完成標(biāo)注后,合并所述圖片層和標(biāo)注層,生成最終帶有標(biāo)注對(duì)象的圖片并顯示。
進(jìn)一步地,在一個(gè)實(shí)施例中,處理器1001調(diào)用存儲(chǔ)器1005中存儲(chǔ)的圖片處理程序,還可以執(zhí)行以下操作:
當(dāng)識(shí)別出所述操作手勢(shì)為雙擊手勢(shì)時(shí),根據(jù)所述雙擊手勢(shì),在所述圖片上對(duì)應(yīng)位置顯示輸入框;
接收用戶在所述輸入框中輸入的文字信息;
基于所述文字信息生成所述雙擊手勢(shì)對(duì)應(yīng)的文字標(biāo)注對(duì)象。
進(jìn)一步地,在一個(gè)實(shí)施例中,處理器1001調(diào)用存儲(chǔ)器1005中存儲(chǔ)的圖片處理程序,還可以執(zhí)行以下操作:
當(dāng)識(shí)別出所述操作手勢(shì)為長(zhǎng)按手勢(shì)時(shí),根據(jù)所述長(zhǎng)按手勢(shì),在所述圖片上對(duì)應(yīng)位置顯示箭頭;
接收用戶對(duì)所述箭頭的拖動(dòng)指令;
根據(jù)所述拖動(dòng)指令,延長(zhǎng)所述箭頭指向的長(zhǎng)度,生成所述長(zhǎng)按手勢(shì)對(duì)應(yīng)的箭頭標(biāo)注對(duì)象。
進(jìn)一步地,在一個(gè)實(shí)施例中,處理器1001調(diào)用存儲(chǔ)器1005中存儲(chǔ)的圖片處理程序,還可以執(zhí)行以下操作:
當(dāng)識(shí)別出所述操作手勢(shì)為涂鴉手勢(shì)時(shí),根據(jù)所述涂鴉手勢(shì),在所述圖片上對(duì)應(yīng)位置畫出對(duì)應(yīng)的涂鴉形狀,生成對(duì)應(yīng)的涂鴉標(biāo)注對(duì)象。
進(jìn)一步地,在一個(gè)實(shí)施例中,處理器1001調(diào)用存儲(chǔ)器1005中存儲(chǔ)的圖片處理程序,還可以執(zhí)行以下操作:
當(dāng)識(shí)別出所述操作手勢(shì)為雙指滑動(dòng)操作時(shí),根據(jù)雙指滑動(dòng)操作指令,縮放顯示所述圖片。
本實(shí)施例通過上述方案,具體通過獲取載入的圖片,在圖片層渲染并顯示所述圖片;接收用戶在所述圖片上觸發(fā)的操作手勢(shì);識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果在所述圖片上對(duì)應(yīng)位置生成對(duì)應(yīng)的標(biāo)注對(duì)象;將所述標(biāo)注對(duì)象通過標(biāo)注層渲染,并在對(duì)應(yīng)的位置與所述圖片合成顯示,由此充分利用觸摸屏特點(diǎn),響應(yīng)各種交互手勢(shì),結(jié)合形狀識(shí)別,使得用戶可以方便快速地在觸摸屏終端上完成圖片標(biāo)注操作,簡(jiǎn)化辦公人群使用標(biāo)注工具的操作過程,極大的提高了工作效率,優(yōu)化用戶體驗(yàn)。
基于上述軟件系統(tǒng)架構(gòu)以及硬件架構(gòu),提出本發(fā)明圖片處理方法實(shí)施例。
如圖6所示,本發(fā)明第一實(shí)施例提出一種圖片處理方法,包括:
步驟S101,獲取載入的圖片,在圖片層渲染并顯示所述圖片;
以手機(jī)為例,當(dāng)用戶需要對(duì)圖片進(jìn)行標(biāo)注時(shí),可以先選取需要標(biāo)注的圖片,該圖片來源可以是手機(jī)本地存儲(chǔ)的圖片,也可以是從網(wǎng)絡(luò)服務(wù)器下載的圖片,還可以是用戶通過手機(jī)攝像頭隨時(shí)拍攝的圖片,在此不作限定。
步驟S102,接收用戶在所述圖片上觸發(fā)的操作手勢(shì);
為了實(shí)現(xiàn)對(duì)圖片的快速標(biāo)注,本實(shí)施例通過用戶的手勢(shì)操作來完成。
為此,本實(shí)施例預(yù)先設(shè)定了不同操作手勢(shì)對(duì)應(yīng)的標(biāo)注對(duì)象。比如:雙擊添加文字(如圖3a所示)、長(zhǎng)按添加箭頭(如圖3b所示)、涂鴉畫圓添加圓形標(biāo)注(如圖3c所示)、涂鴉畫矩形添加矩形標(biāo)注(如圖3d所示)或者其它 涂鴉添加涂鴉標(biāo)注,此外,操作手勢(shì)還可以為雙指控制畫布等。
用戶可以根據(jù)需要,在圖片上輸入相應(yīng)的操作手勢(shì)進(jìn)行標(biāo)注。
步驟S103,識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果在所述圖片上對(duì)應(yīng)位置生成對(duì)應(yīng)的標(biāo)注對(duì)象;
手勢(shì)識(shí)別系統(tǒng)在識(shí)別到用戶在圖片上觸發(fā)的操作手勢(shì)后,對(duì)操作手勢(shì)進(jìn)行分析,生成對(duì)應(yīng)的標(biāo)注對(duì)象。
根據(jù)不同的操作手勢(shì),具體處理過程如下:
如圖3a所示,當(dāng)識(shí)別出所述操作手勢(shì)為雙擊手勢(shì)時(shí),根據(jù)所述雙擊手勢(shì),在所述圖片上對(duì)應(yīng)位置顯示輸入框,用戶可以在輸入框中輸入相應(yīng)的文字信息。
在接收到用戶在上述輸入框中輸入的文字信息后,基于該文字信息生成所述雙擊手勢(shì)對(duì)應(yīng)的文字標(biāo)注對(duì)象。
如圖3b所示,當(dāng)識(shí)別出所述操作手勢(shì)為長(zhǎng)按手勢(shì)時(shí),根據(jù)所述長(zhǎng)按手勢(shì),在所述圖片上對(duì)應(yīng)位置顯示箭頭。用戶可以在長(zhǎng)按操作的基礎(chǔ)進(jìn)行拖動(dòng)操作,以延長(zhǎng)箭頭的指向長(zhǎng)度。
手機(jī)在接收到用戶對(duì)箭頭的拖動(dòng)指令后,根據(jù)該拖動(dòng)指令,延長(zhǎng)箭頭指向的長(zhǎng)度,生成所述長(zhǎng)按手勢(shì)對(duì)應(yīng)的箭頭標(biāo)注對(duì)象。
此外,當(dāng)識(shí)別出所述操作手勢(shì)為涂鴉手勢(shì)時(shí),根據(jù)所述涂鴉手勢(shì),在所述圖片上對(duì)應(yīng)位置畫出對(duì)應(yīng)的涂鴉形狀,生成對(duì)應(yīng)的涂鴉標(biāo)注對(duì)象。
如圖3c所示,涂鴉畫圓添加圓形標(biāo)注;或者,如圖3d所示,涂鴉畫矩形添加矩形標(biāo)注;或者采用其它涂鴉操作添加相應(yīng)形狀的涂鴉標(biāo)注。
步驟S104,將所述標(biāo)注對(duì)象通過標(biāo)注層渲染,并在對(duì)應(yīng)的位置與所述圖片合成顯示。
最后,將標(biāo)注對(duì)象在圖片上對(duì)應(yīng)位置連同圖片一同顯示。具體過程如下:
首先,標(biāo)注管理系統(tǒng)按照標(biāo)注對(duì)象生成的時(shí)間先后順序,將所有標(biāo)注對(duì)象加入標(biāo)注隊(duì)列;標(biāo)注管理系統(tǒng)將標(biāo)注隊(duì)列中的所有標(biāo)注對(duì)象依次發(fā)送給顯示系統(tǒng)。
顯示系統(tǒng)通過圖片層渲染原始圖片,通過標(biāo)注層渲染所述標(biāo)注隊(duì)列中所有標(biāo)注對(duì)象;
當(dāng)用戶完成標(biāo)注后,顯示系統(tǒng)合并圖片層和標(biāo)注層,生成最終帶有標(biāo)注對(duì)象的圖片并顯示。
其中,顯示系統(tǒng)在標(biāo)注層渲染顯示標(biāo)注對(duì)象時(shí),對(duì)于不同標(biāo)注時(shí)間但是屬于同一標(biāo)注位置的標(biāo)注對(duì)象,時(shí)間靠后的標(biāo)注對(duì)象靠上層顯示,即后面的標(biāo)注顯示在前面標(biāo)注的外層。
此外,在完成標(biāo)注后,用戶還可以根據(jù)需要對(duì)標(biāo)注對(duì)象進(jìn)行修改。
另外,上述標(biāo)注操作過程中,用戶還可以在圖片上進(jìn)行雙指滑動(dòng)操作,以縮放顯示圖片。具體實(shí)現(xiàn)時(shí),標(biāo)注管理系統(tǒng)在識(shí)別出用戶的操作手勢(shì)為雙指滑動(dòng)操作時(shí),通知顯示系統(tǒng)根據(jù)雙指滑動(dòng)操作指令,縮放顯示所述圖片。
本實(shí)施例通過上述方案,通過獲取載入的圖片,在圖片層渲染并顯示所述圖片;接收用戶在所述圖片上觸發(fā)的操作手勢(shì);識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果在所述圖片上對(duì)應(yīng)位置生成對(duì)應(yīng)的標(biāo)注對(duì)象;將所述標(biāo)注對(duì)象通過標(biāo)注層渲染,并在對(duì)應(yīng)的位置與所述圖片合成顯示,由此充分利用觸摸屏特點(diǎn),響應(yīng)各種交互手勢(shì),結(jié)合形狀識(shí)別,使得用戶可以方便快速地在觸摸屏終端上完成圖片標(biāo)注操作,簡(jiǎn)化辦公人群使用標(biāo)注工具的操作過程,極大的提高了工作效率,優(yōu)化用戶體驗(yàn)。
對(duì)應(yīng)地,提出本發(fā)明圖片處理裝置實(shí)施例。
如圖7所示,本發(fā)明較佳實(shí)施例提出一種圖片處理裝置,包括:圖片載入模塊201、手勢(shì)接收模塊202、標(biāo)注模塊203以及顯示模塊204,其中:
圖片載入模塊201,用于獲取載入的圖片,在圖片層渲染并顯示所述圖片;
手勢(shì)接收模塊202,用于接收用戶在所述圖片上觸發(fā)的操作手勢(shì);
標(biāo)注模塊203,用于識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果在所述圖片上對(duì)應(yīng)位置生成對(duì)應(yīng)的標(biāo)注對(duì)象;
顯示模塊204,用于將所述標(biāo)注對(duì)象通過標(biāo)注層渲染,并在對(duì)應(yīng)的位置與所述圖片合成顯示。
以手機(jī)為例,當(dāng)用戶需要對(duì)圖片進(jìn)行標(biāo)注時(shí),可以先選取需要標(biāo)注的圖片,該圖片來源可以是手機(jī)本地存儲(chǔ)的圖片,也可以是從網(wǎng)絡(luò)服務(wù)器下載的圖片,還可以是用戶通過手機(jī)攝像頭隨時(shí)拍攝的圖片,在此不作限定。
為了實(shí)現(xiàn)對(duì)圖片的快速標(biāo)注,本實(shí)施例通過用戶的手勢(shì)操作來完成。
為此,本實(shí)施例預(yù)先設(shè)定了不同操作手勢(shì)對(duì)應(yīng)的標(biāo)注對(duì)象。比如:雙擊添加文字(如圖3a所示)、長(zhǎng)按添加箭頭(如圖3b所示)、涂鴉畫圓添加圓形標(biāo)注(如圖3c所示)、涂鴉畫矩形添加矩形標(biāo)注(如圖3d所示)或者其它涂鴉添加涂鴉標(biāo)注,此外,操作手勢(shì)還可以為雙指控制畫布等。
用戶可以根據(jù)需要,在圖片上輸入相應(yīng)的操作手勢(shì)進(jìn)行標(biāo)注。
手勢(shì)識(shí)別系統(tǒng)在識(shí)別到用戶在圖片上觸發(fā)的操作手勢(shì)后,對(duì)操作手勢(shì)進(jìn)行分析,生成對(duì)應(yīng)的標(biāo)注對(duì)象。
根據(jù)不同的操作手勢(shì),具體處理過程如下:
如圖3a所示,當(dāng)識(shí)別出所述操作手勢(shì)為雙擊手勢(shì)時(shí),根據(jù)所述雙擊手勢(shì),在所述圖片上對(duì)應(yīng)位置顯示輸入框,用戶可以在輸入框中輸入相應(yīng)的文字信息。
在接收到用戶在上述輸入框中輸入的文字信息后,基于該文字信息生成所述雙擊手勢(shì)對(duì)應(yīng)的文字標(biāo)注對(duì)象。
如圖3b所示,當(dāng)識(shí)別出所述操作手勢(shì)為長(zhǎng)按手勢(shì)時(shí),根據(jù)所述長(zhǎng)按手勢(shì),在所述圖片上對(duì)應(yīng)位置顯示箭頭。用戶可以在長(zhǎng)按操作的基礎(chǔ)進(jìn)行拖動(dòng)操作,以延長(zhǎng)箭頭的指向長(zhǎng)度。
手機(jī)在接收到用戶對(duì)箭頭的拖動(dòng)指令后,根據(jù)該拖動(dòng)指令,延長(zhǎng)箭頭指向的長(zhǎng)度,生成所述長(zhǎng)按手勢(shì)對(duì)應(yīng)的箭頭標(biāo)注對(duì)象。
此外,當(dāng)識(shí)別出所述操作手勢(shì)為涂鴉手勢(shì)時(shí),根據(jù)所述涂鴉手勢(shì),在所述圖片上對(duì)應(yīng)位置畫出對(duì)應(yīng)的涂鴉形狀,生成對(duì)應(yīng)的涂鴉標(biāo)注對(duì)象。
如圖3c所示,涂鴉畫圓添加圓形標(biāo)注;或者,如圖3d所示,涂鴉畫矩形添加矩形標(biāo)注;或者采用其它涂鴉操作添加相應(yīng)形狀的涂鴉標(biāo)注。
最后,將標(biāo)注對(duì)象在圖片上對(duì)應(yīng)位置連同圖片一同顯示。具體過程如下:
首先,通過標(biāo)注管理系統(tǒng)按照標(biāo)注對(duì)象生成的時(shí)間先后順序,將所有標(biāo)注對(duì)象加入標(biāo)注隊(duì)列;標(biāo)注管理系統(tǒng)將標(biāo)注隊(duì)列中的所有標(biāo)注對(duì)象依次發(fā)送給顯示系統(tǒng)。
顯示系統(tǒng)通過圖片層渲染原始圖片,通過標(biāo)注層渲染所述標(biāo)注隊(duì)列中所有標(biāo)注對(duì)象;
當(dāng)用戶完成標(biāo)注后,顯示系統(tǒng)合并圖片層和標(biāo)注層,生成最終帶有標(biāo)注 對(duì)象的圖片并顯示。
其中,顯示系統(tǒng)在標(biāo)注層渲染顯示標(biāo)注對(duì)象時(shí),對(duì)于不同標(biāo)注時(shí)間但是屬于同一標(biāo)注位置的標(biāo)注對(duì)象,時(shí)間靠后的標(biāo)注對(duì)象靠上層顯示,即后面的標(biāo)注顯示在前面標(biāo)注的外層。
此外,在完成標(biāo)注后,用戶還可以根據(jù)需要對(duì)標(biāo)注對(duì)象進(jìn)行修改。
另外,上述標(biāo)注操作過程中,用戶還可以在圖片上進(jìn)行雙指滑動(dòng)操作,以縮放顯示圖片。具體實(shí)現(xiàn)時(shí),標(biāo)注管理系統(tǒng)在識(shí)別出用戶的操作手勢(shì)為雙指滑動(dòng)操作時(shí),通知顯示系統(tǒng)根據(jù)雙指滑動(dòng)操作指令,縮放顯示所述圖片。
本實(shí)施例通過上述方案,通過獲取載入的圖片,在圖片層渲染并顯示所述圖片;接收用戶在所述圖片上觸發(fā)的操作手勢(shì);識(shí)別所述操作手勢(shì),根據(jù)識(shí)別結(jié)果在所述圖片上對(duì)應(yīng)位置生成對(duì)應(yīng)的標(biāo)注對(duì)象;將所述標(biāo)注對(duì)象通過標(biāo)注層渲染,并在對(duì)應(yīng)的位置與所述圖片合成顯示,由此充分利用觸摸屏特點(diǎn),響應(yīng)各種交互手勢(shì),結(jié)合形狀識(shí)別,使得用戶可以方便快速地在觸摸屏終端上完成圖片標(biāo)注操作,簡(jiǎn)化辦公人群使用標(biāo)注工具的操作過程,極大的提高了工作效率,優(yōu)化用戶體驗(yàn)。
還需要說明的是,在本文中,術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、物品或者裝置不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、物品或者裝置所固有的要素。在沒有更多限制的情況下,由語句“包括一個(gè)……”限定的要素,并不排除在包括該要素的過程、方法、物品或者裝置中還存在另外的相同要素。
上述本發(fā)明實(shí)施例序號(hào)僅僅為了描述,不代表實(shí)施例的優(yōu)劣。
通過以上的實(shí)施方式的描述,本領(lǐng)域的技術(shù)人員可以清楚地了解到上述實(shí)施例方法可借助軟件加必需的通用硬件平臺(tái)的方式來實(shí)現(xiàn),當(dāng)然也可以通過硬件,但很多情況下前者是更佳的實(shí)施方式。基于這樣的理解,本發(fā)明的技術(shù)方案本質(zhì)上或者說對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來,該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)(如ROM/RAM、磁碟、光盤)中,包括若干指令用以使得一臺(tái)終端設(shè)備(可以是手機(jī),計(jì)算機(jī),服務(wù) 器,或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例所述的方法。
以上所述僅為本發(fā)明的優(yōu)選實(shí)施例,并非因此限制本發(fā)明的專利范圍,凡是利用本發(fā)明說明書及附圖內(nèi)容所作的等效結(jié)構(gòu)或流程變換,或直接或間接運(yùn)用在其它相關(guān)的技術(shù)領(lǐng)域,均同理包括在本發(fā)明的專利保護(hù)范圍內(nèi)。