欧美在线观看视频网站,亚洲熟妇色自偷自拍另类,啪啪伊人网,中文字幕第13亚洲另类,中文成人久久久久影院免费观看 ,精品人妻人人做人人爽,亚洲a视频

圖標(biāo)的處理方法和裝置、計(jì)算機(jī)設(shè)備和存儲(chǔ)介質(zhì)與流程

文檔序號(hào):12304960閱讀:433來(lái)源:國(guó)知局
圖標(biāo)的處理方法和裝置、計(jì)算機(jī)設(shè)備和存儲(chǔ)介質(zhì)與流程

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域,特別是涉及一種圖標(biāo)的處理方法和裝置、計(jì)算機(jī)設(shè)備和存儲(chǔ)介質(zhì)。



背景技術(shù):

在應(yīng)用程序和網(wǎng)頁(yè)的相關(guān)頁(yè)面,常使用圖片格式的圖標(biāo)進(jìn)行展示以引導(dǎo)用戶(hù)進(jìn)行相關(guān)操作。

由于顯示設(shè)備的多樣化,不同的顯示設(shè)備具有不同的分辨率,為了適配不同的顯示設(shè)備以及不同的分辨率下都能清晰顯示圖標(biāo),通常的做法是使用圖標(biāo)字體,利用字體文件取代圖片文件。具體地,通過(guò)獲取任意字體文件,將所需圖標(biāo)替換成某個(gè)字符,然后將圖標(biāo)字體嵌入到網(wǎng)頁(yè)中,調(diào)用相應(yīng)圖標(biāo)編碼即可實(shí)現(xiàn)。由于圖標(biāo)字體屬于矢量圖,能夠滿(mǎn)足不同分辨率清晰顯示的要求。

然而,應(yīng)用程序的同一個(gè)顯示界面,常常需要顯示同一個(gè)類(lèi)型的多個(gè)圖標(biāo)。例如,在購(gòu)物平臺(tái)的應(yīng)用中,通常會(huì)在付款頁(yè)面通過(guò)展示各合作銀行和第三方支付平臺(tái)的圖標(biāo),以引導(dǎo)用戶(hù)進(jìn)行付款操作。因此,在跳轉(zhuǎn)到付款頁(yè)面時(shí)用戶(hù)終端需要多次請(qǐng)求網(wǎng)頁(yè)資源以加載各圖標(biāo),需要消耗較多的流量。



技術(shù)實(shí)現(xiàn)要素:

基于此,有必要針對(duì)頁(yè)面顯示多個(gè)同類(lèi)型圖標(biāo)時(shí)需要多次請(qǐng)求資源以分別加載各圖標(biāo)導(dǎo)致消耗較多流量的問(wèn)題,提供一種圖標(biāo)的處理方法和裝置、計(jì)算機(jī)設(shè)備和存儲(chǔ)介質(zhì)。

為達(dá)到上述目的,一個(gè)實(shí)施例采用以下技術(shù)方案:

一種圖標(biāo)的處理方法,包括:

基于矢量圖圖片的標(biāo)識(shí),獲取對(duì)應(yīng)的矢量圖圖片,所述矢量圖圖片集合了至少兩個(gè)圖標(biāo)的矢量圖;

獲取對(duì)所述矢量圖圖片中圖標(biāo)的顯示指令;

根據(jù)所述顯示指令,顯示對(duì)應(yīng)的圖標(biāo)。

一種圖標(biāo)的處理裝置,包括:矢量圖獲取模塊、顯示指令獲取模塊和顯示模塊;

所述矢量圖獲取模塊,用于基于矢量圖圖片的標(biāo)識(shí),獲取對(duì)應(yīng)的矢量圖圖片,所述矢量圖圖片集合了至少兩個(gè)圖標(biāo)的矢量圖;

所述顯示指令獲取模塊,用于獲取對(duì)所述矢量圖圖片中圖標(biāo)的顯示指令;

所述顯示模塊,用于根據(jù)所述顯示指令,顯示對(duì)應(yīng)的圖標(biāo)。

一種計(jì)算機(jī)設(shè)備,包括存儲(chǔ)器、處理器及存儲(chǔ)在存儲(chǔ)器上并可在處理器上運(yùn)行的計(jì)算機(jī)程序,其特征在于,所述處理器執(zhí)行所述程序時(shí)實(shí)現(xiàn)上述的圖標(biāo)的處理方法的步驟。

一種存儲(chǔ)介質(zhì),其上存儲(chǔ)有計(jì)算機(jī)程序,其特征在于,該程序被處理器執(zhí)行時(shí),實(shí)現(xiàn)上述的圖標(biāo)的處理方法的步驟。

上述的圖標(biāo)的處理方法和裝置、計(jì)算機(jī)設(shè)備和存儲(chǔ)介質(zhì),由于矢量圖圖片中包括至少兩個(gè)圖標(biāo)的矢量圖信息,根據(jù)對(duì)圖標(biāo)的顯示指令,顯示對(duì)應(yīng)圖標(biāo)標(biāo)識(shí)的圖標(biāo)。從而可以將同類(lèi)型的多個(gè)圖標(biāo)制作為一個(gè)矢量圖圖片,用戶(hù)終端顯示同類(lèi)型的多個(gè)圖標(biāo)時(shí),只需要向服務(wù)器請(qǐng)求一次矢量圖圖片即可。并且,矢量圖具有能夠隨意調(diào)整尺寸而不會(huì)失真的優(yōu)點(diǎn),能夠滿(mǎn)足不同分辨率的需求。

附圖說(shuō)明

圖1為一個(gè)實(shí)施例的終端的內(nèi)部結(jié)構(gòu)示意圖;

圖2為一個(gè)實(shí)施例的圖標(biāo)的處理方法的流程圖;

圖3為另一個(gè)實(shí)施例的圖標(biāo)的處理方法的流程圖;

圖4為一個(gè)實(shí)施例的矢量圖圖片的示意圖;

圖5為一個(gè)實(shí)施例的根據(jù)至少兩個(gè)圖標(biāo)的矢量圖制作得到矢量圖圖片的步驟的流程圖;

圖6為一個(gè)實(shí)施例的圖標(biāo)的處理裝置的結(jié)構(gòu)框圖;

圖7為另一個(gè)實(shí)施例的圖標(biāo)的處理裝置的結(jié)構(gòu)框圖;

圖8為再一個(gè)實(shí)施例的圖標(biāo)的處理裝置的結(jié)構(gòu)框圖。

具體實(shí)施方式

為使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白,以下結(jié)合附圖及實(shí)施例,對(duì)本發(fā)明進(jìn)行進(jìn)一步的詳細(xì)說(shuō)明。應(yīng)當(dāng)理解,此處所描述的具體實(shí)施方式僅僅用以解釋本發(fā)明,并不限定本發(fā)明的保護(hù)范圍。

本發(fā)明提供一種圖標(biāo)的處理方法,預(yù)先將至少兩個(gè)圖標(biāo)集合在一個(gè)矢量圖圖片中。開(kāi)發(fā)人員在進(jìn)行開(kāi)發(fā)時(shí),基于矢量圖圖片,獲取對(duì)應(yīng)的矢量圖圖片,根據(jù)實(shí)際需要,輸入對(duì)矢量圖圖片中所需的圖標(biāo)的顯示指令,根據(jù)顯示指令,顯示對(duì)應(yīng)的圖標(biāo),給開(kāi)發(fā)人員帶來(lái)便利。由于能夠?qū)⑼?lèi)型的多個(gè)圖標(biāo)制作為一個(gè)矢量圖圖片,用戶(hù)終端顯示同類(lèi)型的多個(gè)圖標(biāo)時(shí),只需要向服務(wù)器請(qǐng)求一次矢量圖圖片即可。并且,矢量圖具有能夠隨意調(diào)整尺寸而不會(huì)失真的優(yōu)點(diǎn),能夠滿(mǎn)足不同分辨率的需求。

圖1為一個(gè)實(shí)施例中的終端的內(nèi)部結(jié)構(gòu)示意圖。如圖1所示,終端包括通過(guò)系統(tǒng)總線(xiàn)連接的處理器、存儲(chǔ)介質(zhì)、內(nèi)存、網(wǎng)絡(luò)接口、顯示屏和輸入裝置。其中,該處理器用于提供計(jì)算和控制能力,支撐整個(gè)終端的運(yùn)行。終端的存儲(chǔ)介質(zhì)存儲(chǔ)有操作系統(tǒng)以及一種圖標(biāo)的處理裝置的計(jì)算機(jī)程序,該圖標(biāo)的處理裝置的計(jì)算機(jī)程序被處理器執(zhí)行時(shí),用于實(shí)現(xiàn)一種圖標(biāo)的處理方法。終端中的內(nèi)存為存儲(chǔ)介質(zhì)中的圖標(biāo)的處理裝置的運(yùn)行提供環(huán)境,網(wǎng)絡(luò)接口用于與服務(wù)器通信,例如,將開(kāi)發(fā)的應(yīng)用程序發(fā)布在服務(wù)器上提供給用戶(hù)下載。終端的顯示屏可以是液晶顯示屏或者電子墨水顯示屏等,輸入裝置可以是顯示屏上覆蓋的觸摸層,也可以是外接的鍵盤(pán)、觸控板或鼠標(biāo)等。本領(lǐng)域技術(shù)人員可以理解,圖1中示出的結(jié)構(gòu),僅僅是與本發(fā)明方案相關(guān)的部分結(jié)構(gòu)的框圖,并不構(gòu)成對(duì)本發(fā)明方案所應(yīng)用于其上的終端的限定,具體的終端可以包括比圖中所示更多或更少的部件,或者組合某些部件,或者具有不同的部件布置。

請(qǐng)參照?qǐng)D2,在一個(gè)實(shí)施例中,提供一種圖標(biāo)的處理方法,該方法運(yùn)行在如圖1所示的終端上,該方法包括以下步驟:

s202:基于矢量圖圖片的標(biāo)識(shí),獲取對(duì)應(yīng)的矢量圖圖片,矢量圖圖片集合了至少兩個(gè)圖標(biāo)的矢量圖。

矢量圖,也稱(chēng)為面向?qū)ο蟮膱D像或繪畫(huà)圖像,在數(shù)學(xué)上定義為一系列網(wǎng)線(xiàn)連接的點(diǎn)。矢量文件中的圖形元素稱(chēng)為對(duì)象,每個(gè)對(duì)象都是一個(gè)自成一體的實(shí)體,它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。矢量圖具有文件小,可以無(wú)級(jí)縮放而不會(huì)使圖標(biāo)邊緣出現(xiàn)凹凸的鋸齒效果的優(yōu)點(diǎn)。

矢量圖是根據(jù)幾何特性來(lái)繪制圖形,矢量可以是一個(gè)點(diǎn)或一條線(xiàn),矢量圖只能靠軟件生成,文件占用內(nèi)在空間較小,因?yàn)檫@種類(lèi)型的圖像文件包含獨(dú)立的分離圖像,可以自由無(wú)限制的重新組合。它的特點(diǎn)是放大后圖像不會(huì)失真,和分辨率無(wú)關(guān),適用于圖形設(shè)計(jì)、文字設(shè)計(jì)和一些標(biāo)志設(shè)計(jì)、版式設(shè)計(jì)等。

矢量圖圖片集合了至少兩個(gè)圖標(biāo)的矢量圖。具體的,通過(guò)定義各圖標(biāo)的矢量圖的位置,將至少兩個(gè)圖標(biāo)的矢量圖整合到一個(gè)圖片上。

根據(jù)矢量圖圖片的標(biāo)識(shí),能夠獲取到對(duì)應(yīng)的矢量圖圖片。矢量圖圖片標(biāo)識(shí)可以為矢量圖圖片的地址。矢量圖圖片標(biāo)識(shí)也可以為矢量圖圖片的id號(hào)。預(yù)先建立各矢量圖圖片的id與對(duì)應(yīng)存儲(chǔ)地址的關(guān)系,基于矢量圖圖片的id,從對(duì)應(yīng)的存儲(chǔ)地址獲取對(duì)應(yīng)的矢量圖圖片。

s204:獲取對(duì)矢量圖圖片中圖標(biāo)的顯示指令。

矢量圖圖片中包括多個(gè)矢量圖圖標(biāo),開(kāi)發(fā)人員可根據(jù)場(chǎng)景的實(shí)際需要,選擇令其中的部分矢量圖圖標(biāo)顯示。具體地,對(duì)矢量圖圖片中的部分或全部圖標(biāo)使用顯示命令,根據(jù)顯示命令能夠獲取開(kāi)發(fā)人員需要顯示的圖標(biāo)。以矢量圖圖片包括多個(gè)銀行的圖標(biāo)為例,事先制作的矢量圖圖片中可包括全部銀行的圖標(biāo),而在使用中,對(duì)于合作的銀行的圖標(biāo)使用顯示命令,以在購(gòu)物平臺(tái)中僅展示與購(gòu)物平臺(tái)合作的銀行的圖標(biāo)。該矢量圖圖片的復(fù)用性強(qiáng),可根據(jù)需要靈活設(shè)置需要展示的圖標(biāo)。

s206:根據(jù)顯示指令,顯示對(duì)應(yīng)的圖標(biāo)。

上述的圖標(biāo)的處理方法,由于矢量圖圖片中包括至少兩個(gè)圖標(biāo)的矢量圖信息,根據(jù)對(duì)圖標(biāo)的顯示指令,顯示對(duì)應(yīng)圖標(biāo)標(biāo)識(shí)的圖標(biāo)。從而可以將同類(lèi)型的多個(gè)圖標(biāo)制作為一個(gè)矢量圖圖片,用戶(hù)終端顯示同類(lèi)型的多個(gè)圖標(biāo)時(shí),只需要向服務(wù)器請(qǐng)求一次矢量圖圖片即可。并且,矢量圖具有能夠隨意調(diào)整尺寸而不會(huì)失真的優(yōu)點(diǎn),能夠滿(mǎn)足不同分辨率的需求。

圖3為另一個(gè)實(shí)施例的圖標(biāo)的處理方法的流程圖,如圖3所示,包括以下步驟:

s302:根據(jù)至少兩個(gè)圖標(biāo)的矢量圖制作得到矢量圖圖片。

制作得到的矢量圖圖片包含了至少兩個(gè)圖標(biāo)的矢量圖。以金融場(chǎng)景銀行圖標(biāo)為例,一個(gè)實(shí)施例的矢量圖圖片如圖4所示,包括三個(gè)銀行的圖標(biāo)的矢量圖。可以理解的是,一個(gè)矢量圖圖片中的圖標(biāo)的矢量圖的數(shù)量可根據(jù)用戶(hù)界面的顯示需要進(jìn)行設(shè)置。以購(gòu)物平臺(tái)為例,在用戶(hù)購(gòu)物完成后,用戶(hù)界面需要展示各使用銀行的圖標(biāo),以引導(dǎo)用戶(hù)進(jìn)行付款操作?;诖耍深A(yù)先根據(jù)各合作銀行的圖標(biāo)制作矢量圖圖片??梢岳斫獾氖?,制作的矢量圖圖片可應(yīng)用在其它需要通過(guò)銀行付款的金融場(chǎng)景。

s304:存儲(chǔ)矢量圖圖片,矢量圖圖片的標(biāo)識(shí)為矢量圖圖片的存儲(chǔ)地址。

本實(shí)施例中,矢量圖圖圖片的標(biāo)識(shí)為矢量圖圖片的存儲(chǔ)地址。

s306:基于矢量圖圖片的標(biāo)識(shí),獲取對(duì)應(yīng)的矢量圖圖片,矢量圖圖片集合了至少兩個(gè)圖標(biāo)的矢量圖。

矢量圖圖片集合了至少兩個(gè)圖標(biāo)的矢量圖。具體地,通過(guò)定義各圖標(biāo)的矢量圖的位置,將至少兩個(gè)圖標(biāo)的矢量圖整合到一個(gè)圖片上。

根據(jù)矢量圖圖片的標(biāo)識(shí),能夠獲取到對(duì)應(yīng)的矢量圖圖片。矢量圖圖片標(biāo)識(shí)可以為矢量圖圖片的地址。開(kāi)發(fā)人員在開(kāi)發(fā)應(yīng)用程序的頁(yè)面過(guò)程中,可直接根據(jù)矢量圖圖片的標(biāo)識(shí),調(diào)用對(duì)應(yīng)的矢量圖圖片,幫助開(kāi)發(fā)人員快速開(kāi)發(fā),并且能夠提高矢量圖圖片的復(fù)用率。

s308:獲取對(duì)矢量圖圖片中圖標(biāo)的顯示指令;顯示指令包括圖標(biāo)標(biāo)識(shí)。

圖標(biāo)標(biāo)識(shí)是矢量圖圖片中圖標(biāo)的唯一識(shí)別標(biāo)識(shí)。顯示指令包括圖標(biāo)標(biāo)識(shí),根據(jù)圖標(biāo)標(biāo)識(shí)能夠獲取開(kāi)發(fā)人員需要顯示的圖標(biāo)。

s310:根據(jù)顯示指令,顯示對(duì)應(yīng)的圖標(biāo)。

采用上述的圖標(biāo)的處理方法,可將同類(lèi)型的多個(gè)圖標(biāo)的矢量圖制作得到矢量圖圖片,存儲(chǔ)矢量圖圖片將其存儲(chǔ)地址作為矢量圖圖片的存儲(chǔ)地址,從而開(kāi)發(fā)人員根據(jù)矢量圖圖片的標(biāo)識(shí),調(diào)用對(duì)應(yīng)的矢量圖圖片進(jìn)行使用,無(wú)需額外再花費(fèi)時(shí)間處理各圖標(biāo),從而提高了開(kāi)發(fā)人員的處理效率以及矢量圖圖片的復(fù)用率。開(kāi)發(fā)人員在開(kāi)發(fā)過(guò)程中,可結(jié)合正開(kāi)發(fā)的應(yīng)用的用戶(hù)界面的實(shí)際需要,輸入需要顯示的圖標(biāo)標(biāo)識(shí)的顯示指令以顯示對(duì)應(yīng)的標(biāo)識(shí),從而用戶(hù)終端顯示同類(lèi)型的多個(gè)圖標(biāo)時(shí),只需要向服務(wù)器請(qǐng)求一次矢量圖圖片即可。并且,矢量圖具有能夠隨意調(diào)整尺寸而不會(huì)失真的優(yōu)點(diǎn),能夠滿(mǎn)足不同分辨率的需求。

具體地,如圖5所示,根據(jù)至少兩個(gè)圖標(biāo)的矢量圖制作得到矢量圖圖片的步驟包括s3021至s3023。

s3021:獲取至少兩個(gè)圖標(biāo)的矢量圖信息以及各圖標(biāo)的圖標(biāo)標(biāo)識(shí)。

矢量圖信息是指能夠用語(yǔ)言描述的矢量圖的相關(guān)信息。本實(shí)施例中,矢量圖的格式可以為svg(可縮放矢量圖形)。svg是基于可擴(kuò)展標(biāo)記語(yǔ)言,使用文本描述矢量化的圖形的格式。其對(duì)應(yīng)的文件是一個(gè)服務(wù)于瀏覽器的xml文件,而不是一個(gè)字體或像素的位圖,其由瀏覽器直接渲染xml,在任何大小之下都會(huì)保持圖像清晰。

傳統(tǒng)的圖標(biāo)字體顏色受限,只能被渲染成單色或在高端瀏覽器中實(shí)現(xiàn)漸變色。并且,為了實(shí)現(xiàn)最大程度的瀏覽器支持,需要提供至少四種不同類(lèi)型的字體文件,包括ttf、woff、eot和svg格式字體,這就導(dǎo)致圖標(biāo)字體的體積較大。而svg圖標(biāo)為矢量圖形文件,具有文件尺寸小,支持多彩圖標(biāo),精確控制圖標(biāo)位置的優(yōu)點(diǎn)。

svg格式的矢量圖在顯示時(shí)可以呈現(xiàn)圖像化的效果,但仍以文本的形式存在。文本以xml代碼的方式呈現(xiàn),記載了矢量圖信息,包括存儲(chǔ)地址、尺寸信息和路徑信息等。通過(guò)svg格式的圖標(biāo)的矢量圖,能夠獲取圖標(biāo)的矢量圖信息??梢岳斫獾氖牵瑘D標(biāo)可以采用記載矢量圖信息的其它格式。

圖標(biāo)的圖標(biāo)標(biāo)識(shí)是圖標(biāo)的唯一標(biāo)識(shí),由開(kāi)發(fā)人員定義。例如,對(duì)于圖4中的“微眾銀行”的圖標(biāo)可以設(shè)置圖標(biāo)標(biāo)識(shí)為“webank”以方便開(kāi)發(fā)人員調(diào)用。

在另一個(gè)實(shí)施例中,可獲取圖標(biāo)對(duì)應(yīng)的其它格式的矢量圖,將其轉(zhuǎn)換為svg格式的矢量圖以獲取圖標(biāo)的矢量圖信息。

具體地,獲取至少兩個(gè)圖標(biāo)的矢量圖信息的步驟包括:獲取至少兩個(gè)圖標(biāo)的矢量圖;調(diào)用矢量圖工具,獲取矢量圖的矢量圖信息。

矢量圖以圖片形式展示,為便于開(kāi)發(fā)人員獲取其對(duì)應(yīng)的矢量圖信息,例如矢量圖的路徑信息、矢量圖的尺寸等屬性等,需要通過(guò)調(diào)用矢量圖工具,將獲取的圖標(biāo)的矢量圖轉(zhuǎn)換為能夠可讀取其對(duì)應(yīng)的矢量圖信息的格式。矢量圖工具根據(jù)轉(zhuǎn)換后的格式確定。以圖標(biāo)的矢量圖的格式為ai格式為例。ai格式是一種矢量圖形文件,適用于adobe公司的illustrator軟件的輸出格式。調(diào)用該軟件打開(kāi)圖標(biāo)的ai文件,由工作人員檢查ai文件內(nèi)的圖形是否都是通過(guò)路徑組成的,以避免圖標(biāo)文件的插入柵格化的圖片而導(dǎo)致無(wú)法獲取到路徑,無(wú)法轉(zhuǎn)換為svg格式的文件。在檢測(cè)圖標(biāo)的ai文件的圖形通過(guò)路徑組成時(shí),根據(jù)開(kāi)發(fā)人員的操作,將ai格式的文件轉(zhuǎn)換為svg格式,以獲取矢量圖的矢量圖信息。svg是開(kāi)放標(biāo)準(zhǔn)的矢量圖形語(yǔ)言,是服務(wù)于瀏覽器的xml文件,利用瀏覽器可查看每個(gè)svg格式圖標(biāo)的矢量圖信息。例如,通過(guò)adobe公司的illustrator軟件將ai格式的文件保存為svg格式。

s3022:對(duì)各圖標(biāo)的矢量圖信息進(jìn)行處理,得到各圖標(biāo)對(duì)應(yīng)的矢量圖元件。

具體地,分別對(duì)每個(gè)圖標(biāo)的矢量圖信息進(jìn)行處理,得到與每個(gè)圖標(biāo)對(duì)應(yīng)的矢量圖元件即每個(gè)元件有對(duì)應(yīng)的圖標(biāo)的矢量圖。

為得到各圖標(biāo)對(duì)應(yīng)的矢量圖元件,具體地,去除矢量圖信息中的符合預(yù)設(shè)條件的無(wú)效信息,對(duì)去除無(wú)效信息后的各圖標(biāo)的矢量圖信息添加元件信息、位置信息和圖標(biāo)標(biāo)識(shí),得到各圖標(biāo)對(duì)應(yīng)的矢量圖元件。

在將ai格式的圖標(biāo)的矢量圖轉(zhuǎn)換為svg格式的矢量圖后,利用瀏覽器可查看每個(gè)svg格式圖標(biāo)的矢量圖信息,矢量圖信息由一段代碼組成。而轉(zhuǎn)換完成后的矢量圖信息中可能包含一些與圖片內(nèi)容無(wú)關(guān)的信息,例如換行符、重復(fù)的空格、注釋、相關(guān)說(shuō)明等。與圖片內(nèi)容無(wú)關(guān)的信息即為無(wú)效信息,是否為無(wú)效信息的判斷條件由開(kāi)發(fā)人員根據(jù)經(jīng)驗(yàn)預(yù)先設(shè)置。在獲取到矢量圖信息后,根據(jù)預(yù)設(shè)條件去除矢量圖信息中的無(wú)效信息。

對(duì)于去除無(wú)效信息后的各圖標(biāo)的矢量圖信息,通過(guò)瀏覽器可查看其對(duì)應(yīng)的矢量圖信息,即該圖標(biāo)的代碼。利用每個(gè)圖標(biāo)的代碼,為每個(gè)圖標(biāo)添加元件信息。一個(gè)實(shí)施例中的元件信息可以為元件(symbol元素),在去除無(wú)效信息后的各圖標(biāo)的矢量圖信息中添加元件信息、位置信息和圖標(biāo)標(biāo)識(shí),得到各圖標(biāo)識(shí)對(duì)應(yīng)的矢量圖元件。

s3023:將各矢量圖元件集合生成一張矢量圖圖片。

單個(gè)的矢量圖元件由一段包括矢量圖信息的代碼塊組成,通過(guò)瀏覽器可查看代碼。由于矢量圖元件中包括各圖標(biāo)的圖標(biāo)標(biāo)識(shí)、位置信息和矢量圖信息,根據(jù)各圖標(biāo)的位置信息,將各矢量圖元件集合可生成一張矢量圖圖片??梢岳斫獾氖牵噶繄D圖片的格式為svg格式。具體地,分別使用svg的symbol標(biāo)簽包裹各個(gè)矢量圖元件,從而將各矢量圖元件集合生成一張矢量圖圖片。

矢量圖圖片中集合了各圖標(biāo)的矢量圖元件,對(duì)應(yīng)圖標(biāo)的矢量圖不顯示。開(kāi)發(fā)人員可根據(jù)需要,對(duì)需要顯示的圖標(biāo)的矢量圖元件使用顯示命令。具體地,顯示命令指定圖標(biāo)標(biāo)識(shí),根據(jù)顯示命令,只顯示矢量圖圖片中與圖標(biāo)標(biāo)識(shí)對(duì)應(yīng)的圖標(biāo)。在具體的實(shí)施方式中,顯示命令為svg中的使用元素(use),對(duì)需要顯示的圖標(biāo)使用顯示命令后顯示。

采用上述的圖標(biāo)的處理方法,可將同類(lèi)型的多個(gè)圖標(biāo)的矢量圖制作得到矢量圖圖片,存儲(chǔ)矢量圖圖片將其存儲(chǔ)地址作為矢量圖圖片的存儲(chǔ)地址。開(kāi)發(fā)人路人員在使用時(shí)根據(jù)矢量圖圖片的標(biāo)識(shí),調(diào)用對(duì)應(yīng)的矢量圖圖片進(jìn)行使用,無(wú)需額外再花費(fèi)時(shí)間處理各圖標(biāo),從而提高了開(kāi)發(fā)人員的處理效率以及矢量圖圖片的復(fù)用率。由于將多個(gè)圖標(biāo)的矢量圖集合在一個(gè)矢量圖圖片中,用戶(hù)終端顯示同類(lèi)型的多個(gè)圖標(biāo)時(shí),只需要向服務(wù)器請(qǐng)求一次矢量圖圖片即可。并且,矢量圖具有能夠隨意調(diào)整尺寸而不會(huì)失真的優(yōu)點(diǎn),能夠滿(mǎn)足不同分辨率的需求。

圖6為一個(gè)實(shí)施例的一種圖標(biāo)的處理裝置的結(jié)構(gòu)框圖,如圖6所示,一種圖標(biāo)的處理裝置包括:矢量圖獲取模塊601、顯示指令獲取模塊602和顯示模塊603。

矢量圖獲取模塊601,用于基于矢量圖圖片的標(biāo)識(shí),獲取對(duì)應(yīng)的矢量圖圖片,矢量圖圖片集合了至少兩個(gè)圖標(biāo)的矢量圖。

顯示指令獲取模塊602,用于獲取對(duì)矢量圖圖片中圖標(biāo)的顯示指令。

顯示模塊603,用于根據(jù)顯示指令,顯示對(duì)應(yīng)的圖標(biāo)。

上述的圖標(biāo)的處理裝置,由于矢量圖圖片中包括至少兩個(gè)圖標(biāo)的矢量圖信息,根據(jù)對(duì)圖標(biāo)的顯示指令,顯示對(duì)應(yīng)圖標(biāo)標(biāo)識(shí)的圖標(biāo)。從而可以將同類(lèi)型的多個(gè)圖標(biāo)制作為一個(gè)矢量圖圖片,用戶(hù)終端顯示同類(lèi)型的多個(gè)圖標(biāo)時(shí),只需要向服務(wù)器請(qǐng)求一次矢量圖圖片即可。并且,矢量圖具有能夠隨意調(diào)整尺寸而不會(huì)失真的優(yōu)點(diǎn),能夠滿(mǎn)足不同分辨率的需求。

圖7為另一個(gè)實(shí)施例的圖標(biāo)的處理裝置的結(jié)構(gòu)框圖,如圖7所示,該圖標(biāo)的處理裝置還包括矢量圖圖片制作模塊604和存儲(chǔ)模塊605。

矢量圖圖片制作模塊604,用于根據(jù)至少兩個(gè)圖標(biāo)的矢量圖制作得到矢量圖圖片。

存儲(chǔ)模塊605,用于存儲(chǔ)矢量圖圖片,矢量圖圖片的標(biāo)識(shí)為矢量圖圖片的存儲(chǔ)地址。

如圖8所所示,矢量圖圖片制作模塊701包括矢量圖信息獲取模塊7011、處理模塊7072和合成模塊7073。

矢量圖信息獲取模塊7011,用于獲取至少兩個(gè)圖標(biāo)的矢量圖信息以及各圖標(biāo)的圖標(biāo)標(biāo)識(shí)。

具體地,矢量圖信息獲取模塊,用于獲取至少兩個(gè)圖標(biāo)的矢量圖,并調(diào)用矢量圖工具,獲取矢量圖的矢量圖信息。

處理模塊7012,用于對(duì)各圖標(biāo)的矢量圖信息進(jìn)行處理,得到各圖標(biāo)對(duì)應(yīng)的矢量圖元件;矢量圖元件包括圖標(biāo)的圖標(biāo)標(biāo)識(shí)、位置信息和矢量圖信息。

具體地,處理模塊,用于去矢量圖信息中的符合預(yù)設(shè)條件的無(wú)效信息,并對(duì)去除無(wú)效信息后的各圖標(biāo)的矢量圖信息添加元件信息、位置信息和圖標(biāo)標(biāo)識(shí),得到各圖標(biāo)對(duì)應(yīng)的矢量圖元件。

合成模塊7013,用于將各矢量圖元件集合生成一張矢量圖圖片。

采用上述的圖標(biāo)的處理裝置,可將同類(lèi)型的多個(gè)圖標(biāo)的矢量圖制作得到矢量圖圖片,存儲(chǔ)矢量圖圖片將其存儲(chǔ)地址作為矢量圖圖片的存儲(chǔ)地址。開(kāi)發(fā)人路人員在使用時(shí)根據(jù)矢量圖圖片的標(biāo)識(shí),調(diào)用對(duì)應(yīng)的矢量圖圖片進(jìn)行使用,無(wú)需額外再花費(fèi)時(shí)間處理各圖標(biāo),從而提高了開(kāi)發(fā)人員的處理效率以及矢量圖圖片的復(fù)用率。由于將多個(gè)圖標(biāo)的矢量圖集合在一個(gè)矢量圖圖片中,用戶(hù)終端顯示同類(lèi)型的多個(gè)圖標(biāo)時(shí),只需要向服務(wù)器請(qǐng)求一次矢量圖圖片即可。并且,矢量圖具有能夠隨意調(diào)整尺寸而不會(huì)失真的優(yōu)點(diǎn),能夠滿(mǎn)足不同分辨率的需求。

一種計(jì)算機(jī)設(shè)備,包括存儲(chǔ)器、處理器及存儲(chǔ)在存儲(chǔ)器上并可在處理器上運(yùn)行的計(jì)算機(jī)程序,其特征在于,所述處理器執(zhí)行所述程序時(shí)實(shí)現(xiàn)上述的圖標(biāo)的處理方法的步驟。

一種存儲(chǔ)介質(zhì),其上存儲(chǔ)有計(jì)算機(jī)程序,其特征在于,該程序被處理器執(zhí)行時(shí),實(shí)現(xiàn)上述的圖標(biāo)的處理方法的步驟。

本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法中的全部或部分流程,是可以通過(guò)計(jì)算機(jī)程序來(lái)指令相關(guān)的硬件來(lái)完成,所述的程序可存儲(chǔ)于一非易失性的計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中,如本發(fā)明實(shí)施例中,該程序可存儲(chǔ)于計(jì)算機(jī)系統(tǒng)的存儲(chǔ)介質(zhì)中,并被該計(jì)算機(jī)系統(tǒng)中的至少一個(gè)處理器執(zhí)行,以實(shí)現(xiàn)包括如上述各方法的實(shí)施例的流程。其中,所述的存儲(chǔ)介質(zhì)可為磁碟、光盤(pán)、只讀存儲(chǔ)記憶體(read-onlymemory,rom)或隨機(jī)存儲(chǔ)記憶體(randomaccessmemory,ram)等。

以上所述實(shí)施例的各技術(shù)特征可以進(jìn)行任意的組合,為使描述簡(jiǎn)潔,未對(duì)上述實(shí)施例中的各個(gè)技術(shù)特征所有可能的組合都進(jìn)行描述,然而,只要這些技術(shù)特征的組合不存在矛盾,都應(yīng)當(dāng)認(rèn)為是本說(shuō)明書(shū)記載的范圍。

以上所述實(shí)施例僅表達(dá)了本發(fā)明的幾種實(shí)施方式,其描述較為具體和詳細(xì),但并不能因此而理解為對(duì)發(fā)明專(zhuān)利范圍的限制。應(yīng)當(dāng)指出的是,對(duì)于本領(lǐng)域的普通技術(shù)人員來(lái)說(shuō),在不脫離本發(fā)明構(gòu)思的前提下,還可以做出若干變形和改進(jìn),這些都屬于本發(fā)明的保護(hù)范圍。因此,本發(fā)明專(zhuān)利的保護(hù)范圍應(yīng)以所附權(quán)利要求為準(zhǔn)。

當(dāng)前第1頁(yè)1 2 
網(wǎng)友詢(xún)問(wèn)留言 已有0條留言
  • 還沒(méi)有人留言評(píng)論。精彩留言會(huì)獲得點(diǎn)贊!
1
镇宁| 南宁市| 海南省| 大城县| 马关县| 凉城县| 兴业县| 贞丰县| 汉源县| 丘北县| 宝丰县| 延安市| 武山县| 兴义市| 靖宇县| 聂荣县| 邯郸市| 巫溪县| 林口县| 兴仁县| 达孜县| 南昌县| 亚东县| 普宁市| 莫力| 南开区| 临清市| 浦城县| 驻马店市| 灵武市| 营山县| 滕州市| 延寿县| 中卫市| 开鲁县| 门源| 开鲁县| 安国市| 石泉县| 垫江县| 曲松县|