在瀏覽器中實(shí)現(xiàn)圖片編輯的方法及裝置制造方法
【專利摘要】一種在瀏覽器中實(shí)現(xiàn)圖片編輯的方法，包括：當(dāng)檢測(cè)到用戶通過瀏覽器訪問的信息中存在圖片時(shí)，生成圖片編輯的觸發(fā)控件；獲取用戶通過觸發(fā)控件所觸發(fā)的圖片編輯指令，根據(jù)圖片編輯指令創(chuàng)建編輯框控件，編輯框控件包括第一編輯區(qū)域與第二編輯區(qū)域；將圖片載入第一編輯區(qū)域；以及獲取用戶輸入的注釋信息，將注釋信息載入第二編輯區(qū)域。此外，本發(fā)明還提供一種在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置。上述在瀏覽器中實(shí)現(xiàn)圖片編輯的方法及裝置可簡(jiǎn)化圖片編輯的操作步驟，提高圖片編輯的效率。
【專利說明】在瀏覽器中實(shí)現(xiàn)圖片編輯的方法及裝置

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)互聯(lián)網(wǎng)技術(shù)，尤其涉及一種在瀏覽器中實(shí)現(xiàn)圖片編輯的方法及
>J-U ρ?α裝直。

【背景技術(shù)】
[0002]現(xiàn)有技術(shù)中，如果用戶想要編輯瀏覽器中的圖片，需要先將該圖片保存下來，然后再打開第三方圖片編輯軟件(例如Photoshop、A⑶See等)對(duì)該圖片進(jìn)行編輯，然而這些第三方圖片編輯軟件的操作常常很復(fù)雜，不適合批量和隨機(jī)性的圖片篩選和編輯，并且由于這些第三方圖片編輯軟件的編輯方法一般是通過層疊的方式將新信息疊加在原始圖片上，受用戶個(gè)人技術(shù)所限，編輯后的圖片常常會(huì)破壞原始圖片的美感。因此如何簡(jiǎn)化圖片編輯的操作步驟，提高圖片編輯的效率是當(dāng)前需要解決的問題之一。


【發(fā)明內(nèi)容】

[0003]有鑒于此，本發(fā)明提供一種在瀏覽器中實(shí)現(xiàn)圖片編輯的方法及裝置，可簡(jiǎn)化圖片編輯的操作步驟，提高圖片編輯的效率。
[0004]本發(fā)明實(shí)施例提供一種在瀏覽器中實(shí)現(xiàn)圖片編輯的方法，包括:當(dāng)檢測(cè)到用戶通過瀏覽器訪問的信息中存在圖片時(shí)，生成圖片編輯的觸發(fā)控件；獲取用戶通過所述觸發(fā)控件所觸發(fā)的圖片編輯指令，根據(jù)所述圖片編輯指令創(chuàng)建編輯框控件，所述編輯框控件包括第一編輯區(qū)域與第二編輯區(qū)域；將所述圖片載入所述第一編輯區(qū)域；以及獲取所述用戶輸入的注釋信息，將所述注釋信息載入所述第二編輯區(qū)域。
[0005]本發(fā)明實(shí)施例提供一種在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置，包括:觸發(fā)控件生成模塊，用于當(dāng)檢測(cè)到用戶通過瀏覽器訪問的信息中存在圖片時(shí)，生成圖片編輯的觸發(fā)控件；編輯框控件創(chuàng)建模塊，用于獲取用戶通過所述觸發(fā)控件生成模塊生成的所述觸發(fā)控件所觸發(fā)的圖片編輯指令，根據(jù)所述圖片編輯指令創(chuàng)建編輯框控件，所述編輯框控件包括第一編輯區(qū)域與第二編輯區(qū)域；圖片載入模塊，用于將所述圖片載入所述第一編輯區(qū)域；以及注釋信息載入模塊，用于獲取所述用戶輸入的注釋信息，將所述注釋信息載入所述第二編輯區(qū)域。
[0006]本發(fā)明實(shí)施例提供的在瀏覽器中實(shí)現(xiàn)圖片編輯的方法及裝置，通過創(chuàng)建編輯框控件，將圖片編輯指令指示編輯的圖片載入編輯框控件的第一編輯區(qū)域，將用戶的注釋信息載入編輯框控件的第二編輯區(qū)域，使得用戶無需安裝專業(yè)圖片編輯軟件即可通過瀏覽器編輯圖片，并不會(huì)破壞原始圖片的美感，從而可簡(jiǎn)化圖片編輯的操作步驟，提高圖片編輯的效率。
[0007]為讓本發(fā)明的上述和其他目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉較佳實(shí)施例，并配合所附圖式，作詳細(xì)說明如下。

【專利附圖】

【附圖說明】
[0008]圖1示出了一種用戶終端的結(jié)構(gòu)框圖。
[0009]圖2為本發(fā)明第一實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的方法的流程圖。
[0010]圖3為本發(fā)明第一實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的方法中瀏覽器的示意圖。
[0011]圖4為本發(fā)明第二實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的方法的流程圖。
[0012]圖5為本發(fā)明第二實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的方法中瀏覽器的第一示意圖。
[0013]圖6為本發(fā)明第二實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的方法中瀏覽器的第二示意圖。
[0014]圖7為本發(fā)明第三實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的裝置的結(jié)構(gòu)示意圖。
[0015]圖8為圖7的裝置的存儲(chǔ)環(huán)境示意圖。
[0016]圖9為本發(fā)明第四實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的裝置的結(jié)構(gòu)示意圖。

【具體實(shí)施方式】
[0017]為更進(jìn)一步闡述本發(fā)明為實(shí)現(xiàn)預(yù)定發(fā)明目的所采取的技術(shù)手段及功效，以下結(jié)合附圖及較佳實(shí)施例，對(duì)依據(jù)本發(fā)明的【具體實(shí)施方式】、結(jié)構(gòu)、特征及其功效，詳細(xì)說明如后。
[0018]本發(fā)明實(shí)施例所提供的在瀏覽器中實(shí)現(xiàn)圖片編輯的方法可應(yīng)用于用戶終端中實(shí)現(xiàn)圖片編輯，用戶終端可以包括智能手機(jī)、平板電腦、電子書閱讀器、MP3播放器(MovingPicture Experts Group Aud1 Layer III，動(dòng)態(tài)影像專家壓縮標(biāo)準(zhǔn)音頻層面3)、MP4(Moving Picture Experts Group Aud1 Layer IV,動(dòng)態(tài)影像專家壓縮標(biāo)準(zhǔn)音頻層面4)播放器、膝上型便攜計(jì)算機(jī)和臺(tái)式計(jì)算機(jī)等等。
[0019]圖1示出了一種用戶終端的結(jié)構(gòu)框圖。如圖1所示，用戶終端100包括存儲(chǔ)器102、存儲(chǔ)控制器104，一個(gè)或多個(gè)(圖中僅示出一個(gè))處理器106、外設(shè)接口 108、射頻模塊110、定位模塊112、攝像模塊114、音頻模塊116、觸控屏幕118以及按鍵模塊120。這些組件通過一條或多條通訊總線/信號(hào)線122相互通訊。
[0020]可以理解，圖1所示的結(jié)構(gòu)僅為示意，用戶終端100還可包括比圖1中所示更多或者更少的組件，或者具有與圖1所示不同的配置。圖1中所示的各組件可以采用硬件、軟件或其組合實(shí)現(xiàn)。
[0021]存儲(chǔ)器102可用于存儲(chǔ)軟件程序以及模塊，如本發(fā)明實(shí)施例中的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的方法及裝置對(duì)應(yīng)的程序指令/模塊，處理器102通過運(yùn)行存儲(chǔ)在存儲(chǔ)器104內(nèi)的軟件程序以及模塊，從而執(zhí)行各種功能應(yīng)用以及數(shù)據(jù)處理，即實(shí)現(xiàn)上述的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的方法。
[0022]存儲(chǔ)器102可包括高速隨機(jī)存儲(chǔ)器，還可包括非易失性存儲(chǔ)器，如一個(gè)或者多個(gè)磁性存儲(chǔ)裝置、閃存、或者其他非易失性固態(tài)存儲(chǔ)器。在一些實(shí)例中，存儲(chǔ)器102可進(jìn)一步包括相對(duì)于處理器106遠(yuǎn)程設(shè)置的存儲(chǔ)器，這些遠(yuǎn)程存儲(chǔ)器可以通過網(wǎng)絡(luò)連接至用戶終端100。上述網(wǎng)絡(luò)的實(shí)例包括但不限于互聯(lián)網(wǎng)、企業(yè)內(nèi)部網(wǎng)、局域網(wǎng)、移動(dòng)通信網(wǎng)及其組合。處理器106以及其他可能的組件對(duì)存儲(chǔ)器102的訪問可在存儲(chǔ)控制器104的控制下進(jìn)行。
[0023]外設(shè)接口 108將各種輸入/輸入裝置耦合至CPU以及存儲(chǔ)器102。處理器106運(yùn)行存儲(chǔ)器102內(nèi)的各種軟件、指令以執(zhí)行用戶終端100的各種功能以及進(jìn)行數(shù)據(jù)處理。
[0024]在一些實(shí)施例中，外設(shè)接口 108，處理器106以及存儲(chǔ)控制器104可以在單個(gè)芯片中實(shí)現(xiàn)。在其他一些實(shí)例中，他們可以分別由獨(dú)立的芯片實(shí)現(xiàn)。
[0025]射頻模塊110用于接收以及發(fā)送電磁波，實(shí)現(xiàn)電磁波與電信號(hào)的相互轉(zhuǎn)換，從而與通訊網(wǎng)絡(luò)或者其他設(shè)備進(jìn)行通訊。射頻模塊110可包括各種現(xiàn)有的用于執(zhí)行這些功能的電路元件，例如，天線、射頻收發(fā)器、數(shù)字信號(hào)處理器、加密/解密芯片、用戶身份模塊(SIM)卡、存儲(chǔ)器等等。射頻模塊110可與各種網(wǎng)絡(luò)如互聯(lián)網(wǎng)、企業(yè)內(nèi)部網(wǎng)、無線網(wǎng)絡(luò)進(jìn)行通訊或者通過無線網(wǎng)絡(luò)與其他設(shè)備進(jìn)行通訊。上述的無線網(wǎng)絡(luò)可包括蜂窩式電話網(wǎng)、無線局域網(wǎng)或者城域網(wǎng)。上述的無線網(wǎng)絡(luò)可以使用各種通信標(biāo)準(zhǔn)、協(xié)議及技術(shù)，包括但并不限于全球移動(dòng)通信系統(tǒng)(Global System for Mobile Communicat1n, GSM)、增強(qiáng)型移動(dòng)通信技術(shù)(Enhanced Data GSM Environment, EDGE),寬帶碼分多址技術(shù)(wideband code divis1nmultiple access, W-CDMA),碼分多址技術(shù)(Code divis1n access, CDMA)、時(shí)分多址技術(shù)(time divis1n multiple access, TDMA),藍(lán)牙，無線保真技術(shù)(Wireless, Fidelity,WiFi)(如美國(guó)電氣和電子工程師協(xié)會(huì)標(biāo)準(zhǔn)IEEE802.11a, IEEE 802.lib, IEEE802.1lg和/ 或 IEEE802.lln)、網(wǎng)絡(luò)電話(Voice over internet protocal, VoIP)、全球微波互聯(lián)接入(Worldwide Interoperability for Microwave Access,W1-Max)、其他用于郵件、即時(shí)通訊及短消息的協(xié)議，以及任何其他合適的通訊協(xié)議，甚至可包括那些當(dāng)前仍未被開發(fā)出來的協(xié)議。
[0026]定位模塊112用于獲取用戶終端100的當(dāng)前位置。定位模塊112的實(shí)例包括但不限于全球衛(wèi)星定位系統(tǒng)(GPS)、基于無線局域網(wǎng)或者移動(dòng)通信網(wǎng)的定位技術(shù)。
[0027]攝像模塊114用于拍攝照片或者視頻。拍攝的照片或者視頻可以存儲(chǔ)至存儲(chǔ)器102內(nèi)，并可通過射頻模塊110發(fā)送。
[0028]音頻模塊116向用戶提供音頻接口，其可包括一個(gè)或多個(gè)麥克風(fēng)、一個(gè)或者多個(gè)揚(yáng)聲器以及音頻電路。音頻電路從外設(shè)接口 108處接收聲音數(shù)據(jù)，將聲音數(shù)據(jù)轉(zhuǎn)換為電信息，將電信息傳輸至揚(yáng)聲器。揚(yáng)聲器將電信息轉(zhuǎn)換為人耳能聽到的聲波。音頻電路還從麥克風(fēng)處接收電信息，將電信號(hào)轉(zhuǎn)換為聲音數(shù)據(jù)，并將聲音數(shù)據(jù)傳輸至外設(shè)接口 108中以進(jìn)行進(jìn)一步的處理。音頻數(shù)據(jù)可以從存儲(chǔ)器102處或者通過射頻模塊110獲取。此外，音頻數(shù)據(jù)也可以存儲(chǔ)至存儲(chǔ)器102中或者通過射頻模塊110進(jìn)行發(fā)送。在一些實(shí)例中，音頻模塊116還可包括一個(gè)耳機(jī)播孔，用于向耳機(jī)或者其他設(shè)備提供音頻接口。
[0029]觸控屏幕118在用戶終端100與用戶之間同時(shí)提供一個(gè)輸出及輸入界面。具體地，觸控屏幕118向用戶顯示視頻輸出，這些視頻輸出的內(nèi)容可包括文字、圖形、視頻、及其任意組合。一些輸出結(jié)果是對(duì)應(yīng)于一些用戶界面對(duì)象。觸控屏幕118還接收用戶的輸入，例如用戶的點(diǎn)擊、滑動(dòng)等手勢(shì)操作，以便用戶界面對(duì)象對(duì)這些用戶的輸入做出響應(yīng)。檢測(cè)用戶輸入的技術(shù)可以是基于電阻式、電容式或者其他任意可能的觸控檢測(cè)技術(shù)。觸控屏幕118顯示單元的具體實(shí)例包括但并不限于液晶顯示器或發(fā)光聚合物顯示器。
[0030]按鍵模塊120同樣提供用戶向用戶終端100進(jìn)行輸入的接口，用戶可以通過按下不同的按鍵以使用戶終端100執(zhí)行不同的功能。
[0031]第一實(shí)施例
[0032]圖2為本發(fā)明第一實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的方法的流程圖。如圖2所示，本實(shí)施例的在瀏覽器中實(shí)現(xiàn)圖片編輯的方法包括以下步驟:
[0033]步驟S21，當(dāng)檢測(cè)到用戶通過瀏覽器訪問的信息中存在圖片時(shí)，生成圖片編輯的觸發(fā)控件。
[0034]具體地，瀏覽器首先根據(jù)用戶輸入的URL (URL,英語Uniform Resource Locator,統(tǒng)一資源定位符)，從服務(wù)器獲取網(wǎng)頁數(shù)據(jù)，然后檢測(cè)獲取到的網(wǎng)頁數(shù)據(jù)，若檢測(cè)出該網(wǎng)頁數(shù)據(jù)中包含圖片，則生成如圖3所示的用于觸發(fā)圖片編輯事件的觸發(fā)控件A，并將該觸發(fā)控件A繪制并顯示在該圖片的附近。每個(gè)圖片都可以對(duì)應(yīng)有一個(gè)觸發(fā)控件。觸發(fā)控件A可以包括不同功能的多個(gè)控件。觸發(fā)控件A可以是透明或半透明的。需要說明的是，圖3中只是示意性的繪出觸發(fā)控件，本發(fā)明的【具體實(shí)施方式】并不以觸發(fā)控件的具體形式為限。
[0035]于本發(fā)明一【具體實(shí)施方式】中，也可以在檢測(cè)到鼠標(biāo)被放置在圖片上時(shí)，生成觸發(fā)控件，并將該觸發(fā)控件顯示在該圖片的附近。
[0036]步驟S22，獲取用戶通過所述觸發(fā)控件所觸發(fā)的圖片編輯指令，根據(jù)所述圖片編輯指令創(chuàng)建編輯框控件。
[0037]用戶通過觸發(fā)控件觸發(fā)圖片編輯指令后，可以創(chuàng)建一個(gè)編輯框控件，該編輯框控件可以浮在瀏覽器界面上，可以覆蓋瀏覽器中的該圖片，也可以形成在該圖片的周邊。所述編輯框控件至少可以包括第一編輯區(qū)域與第二編輯區(qū)域。
[0038]步驟S23，將所述圖片載入所述第一編輯區(qū)域。
[0039]當(dāng)創(chuàng)建好編輯框控件后，提取網(wǎng)頁數(shù)據(jù)中所包含的圖片編輯指令指示編輯的圖片數(shù)據(jù)，并將該圖片數(shù)據(jù)繪制在編輯框控件的第一編輯區(qū)域。
[0040]步驟S24，獲取所述用戶輸入的注釋信息，將所述注釋信息載入所述第二編輯區(qū)域。
[0041]用戶可以通過觸發(fā)控件輸入對(duì)該圖片的注釋信息，用戶輸入的注釋信息可包括:文字、色塊等等。當(dāng)獲取到用戶輸入的注釋信息后，就可以將注釋信息載入第二編輯區(qū)域顯示出來。這樣，第一編輯區(qū)域內(nèi)的圖片的大小不會(huì)被壓縮，用戶又可以一邊看圖片一邊標(biāo)注、篩選有用信息等。
[0042]本發(fā)明實(shí)施例提供的在瀏覽器中實(shí)現(xiàn)圖片編輯的方法，通過創(chuàng)建編輯框控件，將圖片編輯指令指示編輯的圖片載入編輯框控件的第一編輯區(qū)域，將用戶的注釋信息載入編輯框控件的第二編輯區(qū)域，使得用戶無需安裝專業(yè)圖片編輯軟件即可通過瀏覽器編輯圖片，并不會(huì)破壞原始圖片的美感，從而可簡(jiǎn)化圖片編輯的操作步驟，提高圖片編輯的效率。
[0043]第二實(shí)施例
[0044]圖4為本發(fā)明第二實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的方法的流程圖。如圖4所示，本實(shí)施例的在瀏覽器中實(shí)現(xiàn)圖片編輯的方法包括以下步驟:
[0045]步驟S41，當(dāng)檢測(cè)到用戶通過瀏覽器訪問的信息中存在圖片時(shí)，生成圖片編輯的第一觸發(fā)控件Al。
[0046]此步驟可以參考第一實(shí)施例中的相應(yīng)步驟，這里不再贅述。
[0047]步驟S42，獲取用戶通過所述第一觸發(fā)控件Al所觸發(fā)的第一圖片編輯指令，生成圖片編輯的第二觸發(fā)控件A2。
[0048]如圖5所示，第二觸發(fā)控件A2可包括文字編輯控件(圖5中標(biāo)有“文字備注”的部分)與色塊選擇控件(圖5中標(biāo)有“添加色塊”的部分)。文字編輯控件用于獲取用戶輸入的文字信息，色塊選擇控件用于獲取用戶輸入的色塊信息。
[0049]可以理解的，于本發(fā)明一【具體實(shí)施方式】中，第二觸發(fā)控件A2還可包括編輯框控件布局設(shè)置控件，用于獲取用戶輸入的編輯框控件布局設(shè)置規(guī)則，該編輯框控件布局設(shè)置規(guī)則用于瀏覽器在后續(xù)步驟中配置編輯框控件各組成部分在編輯框控件的位置關(guān)系。
[0050]步驟S43，獲取用戶通過所述觸發(fā)控件所觸發(fā)的第二圖片編輯指令，根據(jù)所述第二圖片編輯指令創(chuàng)建編輯框控件，并生成第三觸發(fā)控件A3，所述編輯框控件包括第一編輯區(qū)域與第二編輯區(qū)域。
[0051]第一編輯區(qū)域用于載入圖片，第二編輯區(qū)域用于載入用戶輸入的注釋信息。第一編輯區(qū)域與第二編輯區(qū)域在編輯框控件中的位置關(guān)系可根據(jù)預(yù)置規(guī)則設(shè)定，例如，可如圖6所示，第一編輯區(qū)域位于第二編輯區(qū)域的下方。于本發(fā)明一【具體實(shí)施方式】中，也可根據(jù)用戶通過第二觸發(fā)控件中的編輯框控件布局設(shè)置控件所觸發(fā)的第二圖片編輯指令中所包含的第一編輯區(qū)域與第二編輯區(qū)域在編輯框控件中的位置關(guān)系，來配置第一編輯區(qū)域與第二編輯區(qū)域在編輯框控件中的位置關(guān)系，具體位置可以由用戶選定，在此不做限定。
[0052]第三觸發(fā)控件A3如圖6所示的標(biāo)有“保存”的框體部分，用于觸發(fā)保存事件。
[0053]步驟S44，將所述圖片載入所述第一編輯區(qū)域。
[0054]此步驟可以參考第一實(shí)施例中的相應(yīng)步驟，這里不再贅述。
[0055]步驟S45，獲取所述用戶輸入的注釋信息，將所述注釋信息載入所述第二編輯區(qū)域。
[0056]具體地，將根據(jù)用戶通過所述文字編輯控件所輸入的文字信息載入第二編輯區(qū)域，或?qū)⒂脩敉ㄟ^所述色塊選擇控件所選擇的色塊載入第二編輯區(qū)域。由于通過不同的色塊可以比文字更能強(qiáng)調(diào)出待編輯圖片的重要性等級(jí)，因此也可將文字信息與色塊一起載入第二編輯區(qū)域。
[0057]于本發(fā)明一【具體實(shí)施方式】中，為增強(qiáng)色塊的作用，第二編輯區(qū)域背景顏色為區(qū)別于所述注釋信息的顏色，例如:黑色。
[0058]步驟S46，獲取所述用戶通過所述第三觸發(fā)控件A3所觸發(fā)的保存指令。
[0059]步驟S47，將所述編輯框控件中的內(nèi)容以圖片形式，保存于所述保存指令指示保存的路徑。
[0060]具體地，將編輯框控件中的所有內(nèi)容作為一個(gè)整體，保存于保存指令指示保存的路徑?？梢岳斫獾?，保存指令指示保存的路徑可以為云端服務(wù)器中的網(wǎng)絡(luò)路徑，也可為用戶終端的本地路徑，可以由用戶設(shè)置或者采用默認(rèn)的設(shè)置。
[0061]本發(fā)明實(shí)施例提供的在瀏覽器中實(shí)現(xiàn)圖片編輯的方法，通過創(chuàng)建編輯框控件，將圖片編輯指令指示編輯的圖片載入編輯框控件的第一編輯區(qū)域，將用戶的注釋信息載入編輯框控件的第二編輯區(qū)域，使得用戶無需安裝專業(yè)圖片編輯軟件即可通過瀏覽器編輯圖片，并不會(huì)破壞原始圖片的美感，從而可簡(jiǎn)化圖片編輯的操作步驟，提高圖片編輯的效率。
[0062]第三實(shí)施例
[0063]圖7為本發(fā)明第三實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的裝置的結(jié)構(gòu)示意圖。本實(shí)施例提供的在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置可以用于實(shí)現(xiàn)第一實(shí)施例中的在瀏覽器中實(shí)現(xiàn)圖片編輯的方法。如圖7所示，在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置10包括:觸發(fā)控件生成模塊11、編輯框控件創(chuàng)建模塊12、圖片載入模塊13、注釋信息載入模塊14。
[0064]其中，觸發(fā)控件生成模塊11用于當(dāng)檢測(cè)到用戶通過瀏覽器訪問的信息中存在圖片時(shí)，生成圖片編輯的觸發(fā)控件。
[0065]編輯框控件創(chuàng)建模塊12用于獲取用戶通過所述觸發(fā)控件生成模塊11生成的所述觸發(fā)控件所觸發(fā)的圖片編輯指令，根據(jù)所述圖片編輯指令創(chuàng)建編輯框控件，所述編輯框控件包括第一編輯區(qū)域與第二編輯區(qū)域。
[0066]圖片載入模塊13用于將所述圖片載入所述第一編輯區(qū)域。
[0067]注釋信息載入模塊14用于獲取所述用戶輸入的注釋信息，將所述注釋信息載入所述第二編輯區(qū)域。
[0068]以上各模塊可以是由軟件代碼實(shí)現(xiàn)，此時(shí)，上述的各模塊可存儲(chǔ)于存儲(chǔ)器102內(nèi)，如圖8所示。以上各模塊同樣可以由硬件例如集成電路芯片實(shí)現(xiàn)。
[0069]本實(shí)施例對(duì)在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置10的各功能模塊實(shí)現(xiàn)各自功能的具體過程，請(qǐng)參見上述圖1至圖6所示實(shí)施例中描述的具體內(nèi)容，此處不再贅述。
[0070]本發(fā)明實(shí)施例提供的在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置，通過創(chuàng)建編輯框控件，將圖片編輯指令指示編輯的圖片載入編輯框控件的第一編輯區(qū)域，將用戶的注釋信息載入編輯框控件的第二編輯區(qū)域，使得用戶無需安裝專業(yè)圖片編輯軟件即可通過瀏覽器編輯圖片，并不會(huì)破壞原始圖片的美感，從而可簡(jiǎn)化圖片編輯的操作步驟，提高圖片編輯的效率。
[0071]第四實(shí)施例
[0072]圖9為本發(fā)明第四實(shí)施例提供的在用戶終端內(nèi)的瀏覽器中實(shí)現(xiàn)圖片編輯的裝置的結(jié)構(gòu)示意圖。本實(shí)施例提供的在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置可以用于實(shí)現(xiàn)第一實(shí)施例中的在瀏覽器中實(shí)現(xiàn)圖片編輯的方法。如圖9所示，在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置20包括:觸發(fā)控件生成模塊21、編輯框控件創(chuàng)建模塊22、圖片載入模塊23、注釋信息載入模塊24、保存指令獲取模塊25、保存模塊26。
[0073]觸發(fā)控件生成模塊21用于當(dāng)檢測(cè)到用戶通過瀏覽器訪問的信息中存在圖片時(shí)，生成圖片編輯的觸發(fā)控件。
[0074]編輯框控件創(chuàng)建模塊22用于獲取用戶通過所述觸發(fā)控件生成模塊21生成的所述觸發(fā)控件所觸發(fā)的圖片編輯指令，根據(jù)所述圖片編輯指令創(chuàng)建編輯框控件，所述編輯框控件包括第一編輯區(qū)域與第二編輯區(qū)域。
[0075]圖片載入模塊23用于將所述圖片載入所述第一編輯區(qū)域。
[0076]注釋信息載入模塊24用于獲取所述用戶輸入的注釋信息，將所述注釋信息載入所述第二編輯區(qū)域。
[0077]保存指令獲取模塊25用于獲取所述用戶通過所述觸發(fā)控件生成模塊21生成的所述觸發(fā)控件所觸發(fā)的保存指令。
[0078]保存模塊26用于將所述編輯框控件中的內(nèi)容以圖片形式，保存于所述保存指令指不保存的路徑。
[0079]優(yōu)選地，所述圖片編輯指令中還包括所述第一編輯區(qū)域與所述第二編輯區(qū)域在所述編輯框控件中的位置關(guān)系。
[0080]優(yōu)選地，所述第二編輯區(qū)域的背景顏色為區(qū)別于所述注釋信息的顏色。
[0081]優(yōu)選地，所述圖片編輯的觸發(fā)控件還包括文字編輯控件，所述注釋信息包括根據(jù)用戶通過所述文字編輯控件所輸入的文字信息。
[0082]優(yōu)選地，所述圖片編輯的觸發(fā)控件還包括色塊選擇控件，所述注釋信息包括根據(jù)用戶通過所述色塊選擇控件所選擇的色塊。
[0083]本實(shí)施例對(duì)在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置20的各功能模塊實(shí)現(xiàn)各自功能的具體過程，請(qǐng)參見上述圖1至圖6所示實(shí)施例中描述的具體內(nèi)容，此處不再贅述。
[0084]本發(fā)明實(shí)施例提供的在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置，通過創(chuàng)建編輯框控件，將圖片編輯指令指示編輯的圖片載入編輯框控件的第一編輯區(qū)域，將用戶的注釋信息載入編輯框控件的第二編輯區(qū)域，使得用戶無需安裝專業(yè)圖片編輯軟件即可通過瀏覽器編輯圖片，并不會(huì)破壞原始圖片的美感，從而可簡(jiǎn)化圖片編輯的操作步驟，提高圖片編輯的效率。
[0085]需要說明的是，本說明書中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似的部分互相參見即可。對(duì)于裝置類實(shí)施例而言，由于其與方法實(shí)施例基本相似，所以描述的比較簡(jiǎn)單，相關(guān)之處參見方法實(shí)施例的部分說明即可。
[0086]需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開來，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者裝置不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者裝置所固有的要素。在沒有更多限制的情況下，由語句“包括一個(gè)……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者裝置中還存在另外的相同要素。
[0087]本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例的全部或部分步驟可以通過硬件來完成，也可以通過程序來指令相關(guān)的硬件完成，所述的程序可以存儲(chǔ)于一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，上述提到的存儲(chǔ)介質(zhì)可以是只讀存儲(chǔ)器，磁盤或光盤等。
[0088]以上所述，僅是本發(fā)明的較佳實(shí)施例而已，并非對(duì)本發(fā)明作任何形式上的限制，雖然本發(fā)明已以較佳實(shí)施例揭露如上，然而并非用以限定本發(fā)明，任何熟悉本專業(yè)的技術(shù)人員，在不脫離本發(fā)明技術(shù)方案范圍內(nèi)，當(dāng)可利用上述揭示的技術(shù)內(nèi)容做出些許更動(dòng)或修飾為等同變化的等效實(shí)施例，但凡是未脫離本發(fā)明技術(shù)方案內(nèi)容，依據(jù)本發(fā)明的技術(shù)實(shí)質(zhì)對(duì)以上實(shí)施例所作的任何簡(jiǎn)單修改、等同變化與修飾，均仍屬于本發(fā)明技術(shù)方案的范圍內(nèi)。
【權(quán)利要求】
1.一種在瀏覽器中實(shí)現(xiàn)圖片編輯的方法，其特征在于，包括: 當(dāng)檢測(cè)到用戶通過瀏覽器訪問的信息中存在圖片時(shí)，生成圖片編輯的觸發(fā)控件； 獲取用戶通過所述觸發(fā)控件所觸發(fā)的圖片編輯指令，根據(jù)所述圖片編輯指令創(chuàng)建編輯框控件，所述編輯框控件包括第一編輯區(qū)域與第二編輯區(qū)域； 將所述圖片載入所述第一編輯區(qū)域；以及 獲取所述用戶輸入的注釋信息，將所述注釋信息載入所述第二編輯區(qū)域。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述圖片編輯指令中還包括所述第一編輯區(qū)域與所述第二編輯區(qū)域在所述編輯框控件中的位置關(guān)系。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述圖片編輯指令還包括保存指令，所述方法進(jìn)一步包括: 獲取所述用戶通過所述觸發(fā)控件所觸發(fā)的保存指令； 將所述編輯框控件中的內(nèi)容以圖片形式，保存于所述保存指令指示保存的路徑。
4.根據(jù)權(quán)利要求1至3的任一項(xiàng)所述的方法，其特征在于，所述第二編輯區(qū)域的背景顏色為區(qū)別于所述注釋信息的顏色。
5.根據(jù)權(quán)利要求1至3的任一項(xiàng)所述的方法，其特征在于，所述圖片編輯的觸發(fā)控件還包括文字編輯控件，所述注釋信息包括根據(jù)用戶通過所述文字編輯控件所輸入的文字信肩、O
6.根據(jù)權(quán)利要求1至3的任一項(xiàng)所述的方法，其特征在于，所述圖片編輯的觸發(fā)控件還包括色塊選擇控件，所述注釋信息包括根據(jù)用戶通過所述色塊選擇控件所選擇的色塊。
7.—種在瀏覽器中實(shí)現(xiàn)圖片編輯的裝置，其特征在于，包括: 觸發(fā)控件生成模塊，用于當(dāng)檢測(cè)到用戶通過瀏覽器訪問的信息中存在圖片時(shí)，生成圖片編輯的觸發(fā)控件； 編輯框控件創(chuàng)建模塊，用于獲取用戶通過所述觸發(fā)控件生成模塊生成的所述觸發(fā)控件所觸發(fā)的圖片編輯指令，根據(jù)所述圖片編輯指令創(chuàng)建編輯框控件，所述編輯框控件包括第一編輯區(qū)域與第二編輯區(qū)域； 圖片載入模塊，用于將所述圖片載入所述第一編輯區(qū)域；以及 注釋信息載入模塊，用于獲取所述用戶輸入的注釋信息，將所述注釋信息載入所述第二編輯區(qū)域。
8.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述圖片編輯指令中還包括所述第一編輯區(qū)域與所述第二編輯區(qū)域在所述編輯框控件中的位置關(guān)系。
9.根據(jù)權(quán)利要求7所述的裝置，其特征在于，還包括: 保存指令獲取模塊，用于獲取所述用戶通過所述觸發(fā)控件生成模塊生成的所述觸發(fā)控件所觸發(fā)的保存指令； 保存模塊，用于將所述編輯框控件中的內(nèi)容以圖片形式，保存于所述保存指令指示保存的路徑。
10.根據(jù)權(quán)利要求7至9的任一項(xiàng)所述的裝置，其特征在于，所述第二編輯區(qū)域的背景顏色為區(qū)別于所述注釋信息的顏色。
11.根據(jù)權(quán)利要求7至9的任一項(xiàng)所述的裝置，其特征在于，所述圖片編輯的觸發(fā)控件還包括文字編輯控件，所述注釋信息包括根據(jù)用戶通過所述文字編輯控件所輸入的文字信
肩、O
12.根據(jù)權(quán)利要求7至9的任一項(xiàng)所述的裝置，其特征在于，所述圖片編輯的觸發(fā)控件還包括色塊選擇控件，所述注釋信息包括根據(jù)用戶通過所述色塊選擇控件所選擇的色塊。
【文檔編號(hào)】G06T11/60GK104239317SQ201310233292
【公開日】2014年12月24日 申請(qǐng)日期:2013年6月13日 優(yōu)先權(quán)日:2013年6月13日
【發(fā)明者】郝思涵 申請(qǐng)人:騰訊科技（深圳）有限公司