圖片處理方法、圖片繪制方法及裝置的制造方法
【專利摘要】本發(fā)明公開了一種圖片處理方法、圖片繪制方法及裝置,屬于圖像處理技術領域。所述圖片處理方法包括:獲取位圖圖片;根據位圖圖片所描繪的圖片內容生成n個圖標字體,n個圖標字體的全集為該圖片內容且各個圖標字體采用矢量表示,n≥2;提取n個圖標字體各自對應的配置信息,配置信息用于指示n個圖標字體各自的顯示效果;向終端提供n個圖標字體和配置信息,終端用于根據n個圖標字體和配置信息繪制該圖片內容。本發(fā)明實施例達到了只需要向終端提供圖標字體以及配置信息,終端即可繪制出符合自身屏幕分辨率的圖片內容,避免了為不同屏幕分辨率的終端配置不同像素尺寸的位圖圖片,從而簡化了配置過程。
【專利說明】
圖片處理方法、圖片繪制方法及裝置
技術領域
[0001] 本發(fā)明實施例涉及圖像處理領域,特別涉及一種圖片處理方法、圖片繪制方法及 裝置。
【背景技術】
[0002] 隨著終端技術的不斷發(fā)展,終端中應用程序的界面顯示效果越來越好,而應用程 序界面中顯示的圖標通常以位圖圖片的形式存儲在應用程序安裝包中。
[0003] 位圖圖片中包含各個像素點的像素信息,當啟動應用程序時,終端即獲取位圖圖 片中各個像素點的像素信息,并根據該像素信息進行渲染,從而在應用程序界面中顯示相 應的圖標。
[0004] 在實現本發(fā)明實施例的過程中,發(fā)明人發(fā)現上述技術至少存在以下問題:
[0005] 為了使應用程序中的圖標在不同分辨率的終端中均能夠達到良好的顯示效果,對 于同一圖標,需要為不同分辨率的終端配置不同像素尺寸的位圖圖片,配置過程復雜。
【發(fā)明內容】
[0006] 為了解決對于同一圖標,需要為不同分辨率的終端配置不同像素尺寸的位圖圖 片,導致配置過程較為復雜的問題,本發(fā)明實施例提供了一種圖片處理方法、圖片繪制方法 及裝置。所述技術方案如下:
[0007] 根據本發(fā)明實施例的第一方面,提供一種圖片處理方法,該方法包括:
[0008] 獲取位圖圖片;
[0009] 根據位圖圖片所描繪的圖片內容生成n個圖標字體,n個圖標字體的全集為圖片內 容且各個圖標字體采用矢量表示,n>2;
[0010] 提取n個圖標字體各自對應的配置信息,配置信息用于指示n個圖標字體各自的顯 示效果;
[0011] 向終端提供n個圖標字體和配置信息,終端用于根據n個圖標字體和配置信息繪制 圖片內容。
[0012] 根據本發(fā)明實施例的第二方面,提供一種圖片繪制方法,該方法包括:
[0013] 加載n個圖標字體,n個圖標字體由服務器根據位圖圖片所描繪的圖片內容生成,n 個圖標字體的全集為該圖片內容且各個圖標字體采用矢量表示,n多2;
[0014]加載n個圖標字體各自對應的配置信息,配置信息用于指示n個圖標字體各自的顯 示效果;
[0015] 根據n個圖標字體和配置信息繪制圖片內容。
[0016] 根據本發(fā)明實施例的第三方面,提供一種圖片處理裝置,該裝置包括:
[0017] 獲取模塊,用于獲取位圖圖片;
[0018] 生成模塊,用于根據位圖圖片所描繪的圖片內容生成n個圖標字體,n個圖標字體 的全集為該圖片內容且各個圖標字體采用矢量表示,n>2;
[0019] 提取模塊,用于提取n個圖標字體各自對應的配置信息,配置信息用于指示n個圖 標字體各自的顯示效果;
[0020] 第一提供模塊,用于向終端提供n個圖標字體和配置信息,終端用于根據n個圖標 字體和配置信息繪制圖片內容。
[0021] 根據本發(fā)明實施例的第四方面,提供一種圖片繪制裝置,該裝置包括:
[0022] 第一加載模塊,用于加載n個圖標字體,n個圖標字體由服務器根據位圖圖片所描 繪的圖片內容生成,n個圖標字體的全集為圖片內容且各個圖標字體采用矢量表示,
[0023] 第二加載模塊,用于加載n個圖標字體各自對應的配置信息,配置信息用于指示n 個圖標字體各自的顯示效果;
[0024] 繪制模塊,用于根據n個圖標字體和配置信息繪制圖片內容。
[0025] 本發(fā)明實施例提供的技術方案帶來的有益效果是:
[0026] 通過根據位圖圖片生成若干個采用矢量表示的圖標字體,并向終端提供該圖標字 體以及對應的配置信息,使得終端根據圖標字體和配置信息即可繪制出位圖圖片所描繪的 圖片內容;解決了需要為不同分辨率的終端配置不同像素尺寸的位圖圖片,導致配置過程 較為復雜的問題;達到了只需要向終端提供圖標字體以及配置信息,終端即可繪制出符合 自身屏幕分辨率的圖片內容,避免了為不同屏幕分辨率的終端配置不同像素尺寸的位圖圖 片,從而簡化了配置過程。
【附圖說明】
[0027] 為了更清楚地說明本發(fā)明實施例中的技術方案,下面將對實施例描述中所需要使 用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實施例,對于 本領域普通技術人員來講,在不付出創(chuàng)造性勞動的前提下,還可以根據這些附圖獲得其他 的附圖。
[0028] 圖1是本發(fā)明一個實施例提供的實施環(huán)境的示意圖;
[0029]圖2是本發(fā)明一個實施例提供的圖片處理方法的流程圖;
[0030]圖3A是本發(fā)明另一個實施例提供的圖片處理方法的流程圖;
[0031]圖3B是圖3A所不圖片處理方法的實施不意圖;
[0032]圖3C是本發(fā)明再一個實施例提供的圖片處理方法的流程圖;
[0033]圖3D是本發(fā)明又一個實施例提供的圖片處理方法的流程圖;
[0034] 圖4是本發(fā)明一個實施例提供的圖片繪制方法的流程圖;
[0035] 圖5A是本發(fā)明另一個實施例提供的圖片繪制方法的流程圖;
[0036] 圖5B是圖5A所示圖片繪制方法所涉及的圖標字體繪制過程的流程圖;
[0037]圖5C是圖5A所不圖片處理方法的實施不意圖;
[0038] 圖6是本發(fā)明一個實施例提供的圖片處理裝置的結構方框圖;
[0039] 圖7是本發(fā)明另一個實施例提供的圖片處理裝置的結構方框圖;
[0040] 圖8是本發(fā)明一個實施例提供的圖片繪制裝置的結構方框圖;
[0041]圖9是本發(fā)明另一個實施例提供的圖片繪制裝置的結構方框圖。
【具體實施方式】
[0042]為使本發(fā)明的目的、技術方案和優(yōu)點更加清楚,下面將結合附圖對本發(fā)明實施方 式作進一步地詳細描述。
[0043]為了方便理解,下面對本發(fā)明實施例中出現的名詞進行解釋。
[0044] 位圖:又稱為點陣圖,由若干個像素點構成,每個像素點對應各自的像素信息,該 像素信息用于指示像素點的顏色。比如,當位圖圖片的尺寸為40*40時,指示該位圖圖片的 長和寬均為40px,共包含1600個像素點。放大或縮小位圖圖片即對放大像素點的尺寸,會造 成圖片內容的失真。常見的位圖圖片的格式有PNG、BMP和JPEG等等。
[0045] 圖標字體:又稱圖片字體,本質上是一種利用幾何特性描繪圖片內容的矢量圖標。 與位圖圖片采用像素點描繪圖片內容不同的是,圖標字體采用矢量化的線條描繪圖片內 容。由于圖片內容采用矢量表示,因此放大或縮小圖標字體時,圖標字體所描繪的內容不會 失真。圖標字體通常采用TTF( TrueTypeFont,字體文件)格式進行存儲。
[0046] 像素尺寸:用于指示屏幕上顯示的圖片所占用的像素區(qū)域。比如,當圖片的像素尺 寸為40*40時,指示顯示該圖片將占用屏幕上長40px、寬40px的像素區(qū)域,共占用1600個像 素點。像素尺寸通常以px為單位。
[0047] 請參考圖1,其示出了本發(fā)明一個實施例提供的實施環(huán)境的示意圖,該實施環(huán)境中 包含服務器110和至少一個終端120。
[0048]服務器110可以是應用程序的后臺服務器,用于向終端120提供包含圖標字體和配 置信息的應用程序安裝包(或補丁包),使得終端120可以根據圖標字體和配置信息在應用 程序界面中繪制出相應的圖片內容。服務器110是至少一臺服務器、服務器集群、分布式服 務器平臺、云計算中心或幾個服務器集群的組合。需要說明的是,服務器110還可以與個人 計算機(圖中未示出)相連,該個人計算機用于生成應用程序安裝包(或補丁包),并借由服 務器110向各個終端120提供該應用程序安裝包(或補丁包),本發(fā)明實施例并不對此進行限 定。
[0049]服務器110與終端120之間通過有線或無線網絡相連。
[0050] 終端120可以是智能手機、平板電腦、MP3播放器(Moving Picture Experts Group Audio Layer III,動態(tài)影像專家壓縮標準音頻層面3)、MP4(Moving Picture Experts Group Audio Layer IV,動態(tài)影像專家壓縮標準音頻層面4)播放器和膝上型便攜計算機 (相機、攝像機)等等。終端120用于根據服務器110提供的應用程序安裝包(或補丁包)中包 含的圖標字體和配置信息,在應用程序界面中繪制相應的圖片內容。
[0051] 為了方便描述,下述實施例以圖片處理方法用于服務器,圖片繪制方法用于終端 為例進行示意性說明,并不對本發(fā)明構成限定。
[0052] 當應用程序中的圖標采用位圖圖片進行顯示時,針對不同屏幕分辨率的終端,開 發(fā)人員需要為其配置不同像素尺寸的位圖圖片。比如,當終端A的屏幕分辨率為540*360時, 開發(fā)人員為其配置40*40像素尺寸的位圖圖片;當終端B的屏幕分辨率為1080*720時,若仍 舊為其配置40*40像素尺寸的位圖圖片,則該位圖圖片對應圖標的顯示尺寸過小;若直接將 該位圖圖片的像素尺寸放大為80*80,該位圖圖片的邊緣將會變形(圖標失真),影響顯示效 果,因此,開發(fā)人員需要為終端B重新繪制80*80像素尺寸的位圖圖片,使得終端B在顯示該 位圖圖片時達到較好的顯示效果。
[0053] 雖然通過為不同屏幕分辨率的終端配置不同像素尺寸的位圖圖片能夠在一定程 度上解決圖標顯示效果的問題,但是,由于終端的屏幕分辨率種類繁多,導致應用程序圖標 配置過程較為復雜。
[0054] 為了降低應用程序圖標配置過程的復雜度,同時保證應用程序圖標的顯示效果, 本發(fā)明實施例提供了一種圖片處理方法,通過該圖片處理方法,不再需要配置不同像素尺 寸的位圖圖片,只需要向終端提供統(tǒng)一的圖標字體以及相應的配置信息,終端即可根據該 圖標字體和配置信息繪制出位圖圖片所描繪的圖片內容。下面采用示意性的實施例進行說 明。
[0055] 請參考圖2,其示出了本發(fā)明一個實施例提供的圖片處理方法的流程圖,本實施例 以該圖片處理方法用于圖1中的服務器110為例進行說明,該方法包括:
[0056] 步驟201,獲取位圖圖片。
[0057]服務器獲取待顯示圖標對應的位圖圖片,該位圖圖片中可以為單色的位圖圖片, 也可以是多彩位圖圖片(即位圖圖片所描繪的內容包括多種顏色)。
[0058]步驟202,根據位圖圖片所描繪的圖片內容生成n個圖標字體,n個圖標字體的全集 為該圖片內容且各個圖標字體采用矢量表示,n>2。
[0059] 服務器根據位圖圖片所描繪的圖片內容,生成該位圖圖片對應的n個圖標字體,其 中,各個圖標字體均采用矢量表示,用于通過矢量描繪圖片內容中的線條,且各個圖標字體 所描繪內容的全集即為該圖片內容。
[0060] 需要說明的是,根據圖片內容生成的圖標字體的數量與該圖片內容的復雜度有 關,圖片內容的復雜度越高,生成的圖標字體的個數越多,圖片內容的復雜度越低,生成的 圖標字體的個數越少,本發(fā)明實施例并不對生成的圖標字體的個數進行限定。
[0061] 步驟203,提取n個圖標字體各自對應的配置信息,該配置信息用于指示n個圖標字 體各自的顯示效果。
[0062] 生成位圖圖片對應的圖標字體后,服務器從圖片內容中提取各個圖標字體對應的 配置信息,該配置信息用于指示各個圖標字體的顯示顏色,顯示尺寸和顯示位置等等。
[0063] 步驟204,向終端提供n個圖標字體和配置信息,終端用于根據n個圖標字體和配置 信息繪制圖片內容。
[0064] 服務器可以以應用程序安裝包或應用程序補丁包的形式,向終端提供圖標字體和 相應的配置信息。
[0065] 由于圖標字體采用矢量表示,不論對該圖標字體進行放大會縮小操作,該圖標字 體所描繪的內容均不會失真,因此終端根據接收到的圖標字體和配置信息繪制出的圖片內 容能夠達到較好的顯示效果。
[0066] 綜上所述,本實施例提供的圖片處理方法,通過根據位圖圖片生成若干個采用矢 量表示的圖標字體,并向終端提供該圖標字體以及對應的配置信息,使得終端根據圖標字 體和配置信息即可繪制出位圖圖片所描繪的圖片內容;解決了需要為不同分辨率的終端配 置不同像素尺寸的位圖圖片,導致配置過程較為復雜的問題;達到了只需要向終端提供圖 標字體以及配置信息,終端即可繪制出符合自身屏幕分辨率的圖片內容,避免了為不同屏 幕分辨率的終端配置不同像素尺寸的位圖圖片,從而簡化了配置過程。
[0067] 由于單個圖標字體只能被描繪成單一顏色,當位圖圖片所描繪的圖片內容中包含 多種顏色時,服務器可以對位圖圖片所描繪的圖片內容進行分析,分析該圖片內容的顏色 種類和各種顏色對應內容的形狀輪廓,并進一步根據該顏色種類和形狀輪廓將該位圖圖片 劃分為不同的子內容塊,從而生成相應的圖標字體。
[0068]請參考圖3A,其示出了本發(fā)明另一個實施例提供的圖片處理方法的流程圖,本實 施例以該圖片處理方法用于圖1中的服務器110為例進行說明,該方法包括:
[0069] 步驟301,獲取位圖圖片。
[0070] 服務器獲取待顯示圖標對應的位圖圖片,該位圖圖片中包含各個像素點的像素信 息。
[0071] 比如,如圖3B所示,服務器獲取到待顯示圖標對應的位圖圖片31,該位圖圖片的像 素尺寸為20*20,即位圖圖片的長和寬均為20px( 即占20個像素點)。
[0072]步驟302,分析圖片內容的顏色顏色種類和各種顏色對應內容的形狀輪廓。
[0073]由于在進行圖片內容繪制時,單個圖標字體只能被描繪成單一顏色,因此,當位圖 圖片為多彩位圖圖片時,服務器需要根據多彩位圖圖片所描繪圖片內容的顏色顏色種類和 各種顏色對應內容的形狀輪廓,將其劃分為若干個單一顏色的圖標字體。
[0074]服務器獲取到位圖圖片后,對該位圖圖片所描繪的圖片內容進行分析,分析得到 該圖片內容的顏色顏色種類和各種顏色對應內容的形狀輪廓。其中,顏色種類指示圖片內 容中各部分對應的顯示顏色。
[0075] 在一種可能的實施方式中,服務器可以提取位圖圖片中的各個像素點的像素信 息,并根據該像素信息中的像素點顏色確定該圖片內容的顏色種類;同時,服務器可以對圖 片內容進行輪廓識別,識別圖片內容中相對獨立的組成模塊,從而確定各種顏色對應內容 的形狀輪廓。
[0076] 比如,如圖3B所示,服務器對位圖圖片31的圖片內容進行輪廓識別(分析圖片內容 的組成結構),識別出圖片內容中包括V型結構311和盾型結構312,同時,服務器根據位圖圖 片31中各個像素點的像素信息(分析顏色構成),識別出V型結構311為第一顏色,盾型結構 312位第二顏色。
[0077]步驟303,根據分析結果將位圖圖片劃分為n個子內容塊。
[0078]服務器根據分析得到的顏色種類和各種顏色對應內容的形狀輪廓,將位圖圖片劃 分為若干子內容塊,其中,每個子內容塊包含的內容由一種顏色構成,且各個子內容塊包含 的內容在結構上相互獨立。
[0079]比如,如圖3B所示,服務器識別出位圖圖片31中,顯示為第一顏色的V型結構311以 及顯示為第二顏色的盾型結構312,從而將位圖圖片劃分為2個子內容塊,其中,第一子內容 塊中包括V型結構311,第二子內容塊中包括盾型結構312。
[0080]需要說明的是,本實施例僅以上述劃分方式為例進行示意性說明,并不對本發(fā)明 構成限定。
[0081 ]步驟304,根據n個子內容塊生成對應的n個圖標字體。
[0082] 完成子內容塊的劃分后,服務器根據子內容塊生成對應的圖標字體,該圖標字體 所描繪的內容即包含各個子內容塊中描繪的內容,且圖標字體采用矢量對內容中包含的線 條進行描繪(即采用計算機圖形學中的點、直線或者多邊形等基于數學方程的幾何圖進行 表不)。
[0083] 在一種可能的實施方式中,服務器中預先設置有圖標字體庫,該圖標字體庫中包 含若干個預先配置的默認圖標字體。服務器將位圖圖片劃分為若干個子內容塊后,即在該 圖標字體庫中查找是否存在與子內容塊(所描繪內容)匹配的默認圖標字體,若存在與子內 容塊匹配的默認圖標字體,則直接利用該默認圖標字體;若不存在與子內容塊匹配的默認 圖標字體,則根據子內容所描繪內容的像素點分布,自動生成相應的圖標字體。
[0084]比如,如圖3B所示,服務器根據第一子內容塊生成圖標字體32,根據第二子內容塊 生成圖標字體33,其中,該圖標字體32和33均采用ttf格式進行存儲。
[0085] 需要說明的一點是,服務器可以利用;[(301]1〇〇11、;^1^611〇或;[(301^0111:-類的圖標字 體制作工具生成位圖圖片對應的圖標字體,也可以由開發(fā)人員根據位圖圖片手動繪制生成 對應的圖標字體,本實施例并不對此進行限定。
[0086]需要說明的另一點是,當應用程序界面中包含多個圖標時,服務器需要重復執(zhí)行 上述步驟301只304,將應用程序界面中的各個圖標均轉換為圖標字體和配置信息的組合。 [0087]步驟305,提取n個圖標字體各自對應的配置信息。
[0088] 為了達到與位圖圖片一致的顯示效果,服務器根據位圖圖片生成若干個圖標字體 后,進一步提取各個圖標字體各自對應的配置信息,該配置信息包括圖標字體的字體顏色、 位置信息、尺寸信息和圖層信息等等。
[0089] 在一種可能的試實施方式中,如圖3C所示,本步驟包括如下步驟。
[0090] 步驟305A,提取n個圖標字體各自對應的字體顏色,字體顏色用于指示圖標字體對 應的內容在圖片內容中的顏色。
[0091] 根據各個圖標字體對應子內容塊在位圖圖片中的顏色,服務器提取n個圖標字體 各自對應的字體顏色,后續(xù)終端即根據該字體顏色進行圖標字體的顏色渲染。
[0092]比如,圖3B中,終端根據各個子內容塊所描繪內容的顏色,確定圖標字體32對應的 字體顏色為第一顏色,圖標字體33對應的字體顏色為第二顏色。
[0093] 步驟305B,提取n個圖標字體各自對應的位置信息,位置信息用于指示各個圖標字 體對應的內容在圖片內容中的相對位置。
[0094] 由于n個圖標字體對應的內容之間相互獨立,為了方便后續(xù)圖標字體的組合繪制, 服務器需要進一步提取各個圖標字體的位置信息,該位置信息可以指示圖標字體對應內容 與圖片內容中指定參考點(比如左上頂點)的相對位置,也可以指示各個圖標字體對應內容 之間的左右和/或上下間距。其中,當該位置信息指示圖標字體對應內容之間的左右和/或 上下間距時,該間距采用dip (device independent pixels,設備獨立像素)進行表示。 [0095]步驟305C,提取n個圖標字體各自對應的尺寸信息,尺寸信息用于指示各個圖標字 體對應的內容在圖片內容中的顯示尺寸。
[0096] 采用矢量表示的圖標字體能夠隨意放大縮小而不失真,因此,服務器可以根據預 設的尺寸信息,設置各個圖標字體對應的內容在圖片內容中的顯示尺寸。為了使顯示的圖 標字體能夠適應不同屏幕分辨率的終端,該尺寸信息采用dip進行表示而非采用像素進行 表示,其中,在160dpi(dots per inch,每英寸像素)的終端中,ldip = lpx,在320dpi的終端 中,ldip = 2px。
[0097] 需要說明的是,服務器還可以為不同屏幕分辨率的終端設置不同的尺寸信息,從 而達到更好的顯示效果,本實施例并不對此進行限定。
[0098]比如,圖3B中,圖標字體32的尺寸信息為20*20(單位:dip),圖標字體33的尺寸信 息也為20*20.
[0099]步驟305D,提取n個圖標字體各自對應的圖層信息,圖層信息用于指示各個圖標字 體的繪制順序。
[0100]由于終端在進行圖標字體繪制時,需要對若干個圖標字體進行疊加繪制,若繪制 順序發(fā)生錯誤,上層圖標字體將會遮蓋下層圖標字體的部分內容。因此,為了避免繪制順序 錯誤所導致的圖片內容遮蓋,服務器需要進一步確定生成的n個圖標字體的繪制順序,并根 據該繪制順序確定各個圖標字體各自對應的圖層信息。
[0101] 比如,圖3B中圖標字體32和圖標字體33的長度均為20dip,且圖標字體32和圖標字 體33的字體顏色不同,若圖標字體33在圖標字體32之前繪制,圖標字體32(上層)的邊緣將 覆蓋部分圖標字體33(下層)。因此,為了避免圖標字體33被覆蓋,服務器確定圖標字體32的 圖層信息為1,圖標字體33的圖層信息為2,即圖標字體的繪制順序為:先繪制圖標字體32, 然后繪制圖標字體33。
[0102]步驟305E,將字體顏色、位置信息、尺寸信息和圖層信息中的至少一種確定為配置 fg息。
[0103] 服務器將字體顏色、位置信息、尺寸信息和圖層信息中的至少一種確定為配置信 息,并進行存儲。示意性的,圖標字體的配置信息如表一所示。
[0104] 表一
[0106] 其中,由于應用程序中包含多個圖標,因此生成的圖標字體數量較多,為了避免圖 標字體產生混淆,服務器還需要為生成的圖標字體分配唯一的標識(即圖片字體標識),方 便終端根據該圖標字體標識進行圖標字體的查找和繪制。
[0107] 步驟306,將n個圖標字體打包為字體庫。
[0108] 根據位圖圖片生成若干圖標字體和配置信息后,服務器對圖標字體進行打包,生 成相應的字體庫,該字體庫中即包含經過上述步驟301至304生成的各個圖標字體。由于圖 標字體采用ttf格式進行存儲,且終端支持自定義字體的加載,因此,終端獲取到應用程序 安裝包中的字體庫后,能夠順利完成字體庫的加載,避免了兼容性問題,且加載速度較快。
[0109] 步驟307,采用預定協(xié)議對配置信息進行封裝。
[0110] 服務器采用預定協(xié)議格式,對圖標字體對應的配置信息進行封裝,使得終端能夠 順利加載配置信息,避免了兼容性問題。
[0111] 步驟308,將字體庫和封裝后的配置信息添加到應用程序安裝包。
[0112] 完成字體庫的打包和配置信息封裝后,服務器將字體庫和封裝后的配置信息添加 到應用程序安裝包。相較于現有技術中,將位圖圖片添加到應用程序安裝包,將字體庫和配 置信息添加到應用程序安裝包能夠顯著降低安裝包的大小。
[0113]步驟309,向終端提供應用程序安裝包。
[0114]當終端請求安裝應用程序時,服務器即向終端提供應用程序安裝包,從而使終端 根據該安裝包進行應用程序的安裝。
[0115] 需要說明的是,在其他可能的實施方式中,服務器還可以通過TCP/IP協(xié)議向終端 實時傳輸字體庫和配置信息,本實施例并不對此進行限定。
[0116] 綜上所述,本實施例提供的圖片處理方法,通過根據位圖圖片生成若干個采用矢 量表示的圖標字體,并向終端提供該圖標字體以及對應的配置信息,使得終端根據圖標字 體和配置信息即可繪制出位圖圖片所描繪的圖片內容;解決了需要為不同分辨率的終端配 置不同像素尺寸的位圖圖片,導致配置過程較為復雜的問題;達到了只需要向終端提供圖 標字體以及配置信息,終端即可繪制出符合自身屏幕分辨率的圖片內容,避免了為不同屏 幕分辨率的終端配置不同像素尺寸的位圖圖片,從而簡化了配置過程。
[0117] 本實施例中,利用圖標字體以及相應配置信息取代原有的位圖圖片,并將其打包 添加到應用程序安裝包中,減小了應用程序安裝包的大小,使得應用程序安裝更加輕量化, 并進一步提高應用程序中圖標的加載速度。
[0118] 本實施例中,服務器根據圖片內容的顏色種類和各種顏色對應內容的形狀輪廓生 成若干個圖標字體,并根據圖片內容確定圖標字體對應的字體顏色、位置信息、尺寸信息和 圖層信息,方便終端進行后續(xù)的圖片內容繪制,提高了繪制的準確性。
[0119] 基于圖3A所示的圖片處理方法,如圖3D所示,上述步驟301之后,還包括如下步驟:
[0120] 步驟310,檢測圖片內容包含的顏色種類是否小于預設閾值。
[0121] 對于顏色過于復雜的位圖圖片,根據位圖圖片生成圖標字體的難度較高,且生成 的圖標字體的數量過多,相應的,圖標字體對應配置信息的數據量也相對較大,不利于終端 的加載和繪制。因此,服務器獲取到位圖圖片后,統(tǒng)計位圖圖片所描繪圖片內容包含的顏色 種類,當該顏色種類小于預設閾值(比如5種)時,服務器執(zhí)行上述步驟302至步驟305,生成 圖標字體和配置信息;當該顏色種類大于預設閾值時,服務器直接向終端提供該位圖圖片, 執(zhí)行步驟311。
[0122] 步驟311,若圖片內容包含的顏色種類大于預設閾值,則向終端提供位圖圖片。
[0123] 若圖片內容包含的顏色種類大于預設閾值,服務器則直接將改位圖圖片添加到應 用程序安裝包中,并提供給終端。
[0124] 與現有終端根據位圖圖片中各個像素點的像素信息進行圖片內容繪制不同,本發(fā) 明實施例中,由于服務器向終端提供的是若干圖標字體以及配置信息,因此,終端通過加載 該圖標字體和配置信息,并以此繪制相應的圖片內容,下面采用一個實施例進行說明。
[0125] 請參考圖4,其示出了本發(fā)明一個實施例提供的圖片繪制方法的流程圖,本實施例 以該圖片繪制方法用于圖1中的終端120為例進行說明,該方法包括:
[0126] 步驟401,加載n個圖標字體,n個圖標字體由服務器根據位圖圖片所描繪的圖片內 容生成,n個圖標字體的全集為圖片內容且各個圖標字體采用矢量表示,n多2。
[0127] 在一種可能的實施方式中,終端從服務器處獲取應用程序安裝包,并加載該應用 程序安裝包中的圖標字體。其中,各個圖標字體均采用矢量表示。
[0128] 步驟402,加載n個圖標字體各自對應的配置信息,配置信息用于指示n個圖標字體 各自的顯示效果。
[0129] 各個圖標字體對應各自的配置信息,該配置信息用于指示圖標字體的顯示顏色、 顯示尺寸和顯示位置等等。終端在加載圖標字體的同時,加載應用程序安裝包中的配置信 息。
[0130] 步驟403,根據n個圖標字體和配置信息繪制圖片內容。
[0131] 終端根據加載的圖標字體以及配置信息,繪制出相應的圖片內容,并在屏幕上進 行顯示。
[0132] 綜上所述,本實施例提供的圖片繪制方法,通過根據位圖圖片生成若干個采用矢 量表示的圖標字體,并向終端提供該圖標字體以及對應的配置信息,使得終端根據圖標字 體和配置信息即可繪制出位圖圖片所描繪的圖片內容;解決了需要為不同分辨率的終端配 置不同像素尺寸的位圖圖片,導致配置過程較為復雜的問題;達到了只需要向終端提供圖 標字體以及配置信息,終端即可繪制出符合自身屏幕分辨率的圖片內容,避免了為不同屏 幕分辨率的終端配置不同像素尺寸的位圖圖片,從而簡化了配置過程。
[0133] 終端加載完圖標字體和配置信息后,采用疊加繪制的繪制方式,從底層開始疊加 繪制各個圖標字體,最終得到完整的圖片內容。下面采用一個實施例進行說明。
[0134] 請參考5A,其示出了本發(fā)明另一個實施例提供的圖片繪制方法的流程圖,本實施 例以該圖片繪制方法用于圖1中的終端120為例進行說明,該方法包括:
[0135] 步驟501,加載n個圖標字體,n個圖標字體由服務器根據位圖圖片所描繪的圖片內 容生成,n個圖標字體的全集為圖片內容且各個圖標字體采用矢量表示,n多2。
[0136] 在一種可能的實施方式中,當終端為Android設備時,終端從服務器處獲取應用程 序安裝包后,通過Android系統(tǒng)提供的TypeFace工具類加載該應用程序安裝包中的字體庫, 該字體庫中即包含根據位圖圖片生成的圖標字體。其中,各個圖標字體均采用矢量表示。
[0137] 由于該字體庫中的圖標字體采用ttf格式存儲,因此終端加載該字體庫的速度更 快(相較于加載位圖圖片)。
[0138] 步驟502,加載n個圖標字體各自對應的配置信息,配置信息用于指示n個圖標字體 各自的顯示效果。
[0139] 加載圖標字體的同時,服務器加載圖標字體各自對應的配置信息,該配置信息用 于指示圖標字體在圖片內容中的顯示效果。其中,該配置信息包括字體顏色、位置信息、尺 寸信息和圖層信息中的至少一種。由于該配置信息采用預定協(xié)議進行封裝,因此終端能夠 快速完成對配置信息的加載,避免了兼容性問題。
[0140]比如,服務器加載到的配置信息如上述表一所示。
[0141]需要說明的是,終端加載字體庫或配置信息失敗時,可以進行加載重試,當重試次 數達到閾值時,則向服務器發(fā)送默認圖片獲取請求,請求獲取默認圖片并進行加載顯示,該 默認圖片可以為矢量圖圖片或位圖圖片,本實施例并不對此進行限定。
[0142] 步驟503,獲取配置信息中包括的圖層信息,圖層信息用于指示各個圖標字體的繪 制順序。
[0143] 終端在繪制圖標字體時,遵循圖標字體的繪制順序,該繪制順序即通過配置信息 中的圖層信息表示。
[0144] 比如,終端從表一所示的配置信息中,獲取到圖標字體32的圖層信息為1,獲取到 圖標字體33的圖層信息為2,即圖標字體32在圖標字體33之前繪制。
[0145] 步驟504,繪制第i圖標字體,1彡i彡n-1。
[0146] 確定各個圖標字體的繪制順序后,終端根據配置信息中包含的其他信息逐一繪制 圖標字體,在一種可能的實施方式中,如圖5B所示,本步驟包括如下步驟。
[0147] 步驟504A,獲取第i圖標字體對應的尺寸信息,尺寸信息用于指示圖標字體對應的 內容在圖片內容中的顯示尺寸。
[0148] 圖標字體采用矢量表示,可以根據具體的顯示尺寸進行方法或縮小。配置信息中 包含各個圖標字體對應的尺寸信息,該尺寸信息即指示圖標字體對應的內容在圖片內容中 的顯示尺寸,其中,該尺寸信息使用dip進行表示。
[0149] 比如,終端從表一種獲取到圖標字體34的尺寸信息為20*20。
[0150]步驟504B,根據尺寸信息和終端的屏幕分辨率,計算第i圖標字體的像素尺寸,像 素尺寸用于指示圖標字體在終端屏幕上所占的像素點。
[0151]獲取到圖標字體的尺寸信息后,終端即根據自身的屏幕分辨率和屏幕尺寸計算屏 幕dpi,并根據該屏幕dpi和尺寸信息計算該圖標字體在終端屏幕上所占的像素點(即計算 像素尺寸)。
[0152] 比如,當屏幕dpi為160,且圖標字體的尺寸信息為20*10時,圖標字體對應的像素 尺寸即為20*(160/160) = 20px以及10*(160/160) = 10px;當屏幕dpi為320,且圖標字體的 尺寸信息為20*10時,圖標字體對應的像素尺寸即為20*(320/160)=40px以及10*(320/ 160) =20px。
[0153] 通過上述方法,終端根據自身的屏幕分辨率,對圖標字體進行放大或縮小,使得圖 標字體所占的像素尺寸符合自身屏幕,從而達到良好的顯示效果。
[0154]步驟504C,根據第i圖標字體對應的位置信息、字體顏色以及像素尺寸,繪制第i圖 標字體,位置信息用于指示各個圖標字體對應的內容在圖片內容中的相對位置,字體顏色 用于指示圖標字體對應的內容在圖片內容中的顏色。
[0155] 確定第i圖標字體的像素尺寸后,終端進一步根據第i圖標字體的位置信息,確定 第i圖標字體在圖片內容中的相對位置;根據第i圖標字體的字體顏色,對第i圖標字體進行 顏色渲染,從而在終端屏幕上繪制出第i圖標字體。
[0156] 步驟505,根據圖層信息所指示的繪制順序,在繪制完成的第i圖標字體上疊加繪 制第i+1圖標字體。
[0157] 完成第i圖標字體的繪制后,終端根據圖層信息所指示的繪制順序,在繪制完成的 第i圖標字體上,疊加繪制第i + 1圖標字體,其中,第i圖標字體對應的圖層信息所指示的繪 制順序先于第i+1圖標字體對應的圖層信息所指示的繪制順序。
[0158]繪制第i+1圖標字體的過程與繪制第i圖標字體的過程相似,在此不再贅述。
[0159] 比如,如圖5C所示,終端根據圖層信息所指示的繪制順序,先對圖標字體51(V型結 構)進行繪制,并在圖標字體51上疊加繪制圖標字體52(盾型結構),從而繪制出完整的圖片 內容53。
[0160] 綜上所述,本實施例提供的圖片繪制方法,通過根據位圖圖片生成若干個采用矢 量表示的圖標字體,并向終端提供該圖標字體以及對應的配置信息,使得終端根據圖標字 體和配置信息即可繪制出位圖圖片所描繪的圖片內容;解決了需要為不同分辨率的終端配 置不同像素尺寸的位圖圖片,導致配置過程較為復雜的問題;達到了只需要向終端提供圖 標字體以及配置信息,終端即可繪制出符合自身屏幕分辨率的圖片內容,避免了為不同屏 幕分辨率的終端配置不同像素尺寸的位圖圖片,從而簡化了配置過程。
[0161] 本實施例中,終端根據配置信息中圖層信息所指示的繪制順序進行圖標字體的疊 加繪制,保證繪制出的圖片內容與位圖圖片一致,提高了圖片繪制的準確性。
[0162] 相較于根據位圖圖片中各個像素點信息進行圖片內容繪制,本實施例中,終端根 據圖標字體和配置信息進行圖片內容繪制,繪制速度更快,且繪制出圖片內容的顯示效果 更佳。
[0163] 下述為本發(fā)明裝置實施例,對于裝置實施例中未詳盡描述的細節(jié),可以參考上述 --對應的方法實施例。
[0164] 請參考圖6,其示出了本發(fā)明一個實施例提供的圖片處理裝置的結構方框圖。該圖 片處理裝置通過硬件或者軟硬件的結合實現成為圖1中服務器110的全部或者一部分。該圖 片處理裝置包括:
[0165] 獲取模塊610,用于獲取位圖圖片;
[0166] 生成模塊620,用于根據所述位圖圖片所描繪的圖片內容生成n個圖標字體,所述n 個圖標字體的全集為所述圖片內容且各個圖標字體采用矢量表示,n>2;
[0167] 提取模塊630,用于提取所述n個圖標字體各自對應的配置信息,所述配置信息用 于指示所述n個圖標字體各自的顯示效果;
[0168] 第一提供模塊640,用于向終端提供所述n個圖標字體和所述配置信息,所述終端 用于根據所述n個圖標字體和所述配置信息繪制所述圖片內容。
[0169] 綜上所述,本實施例提供的圖片處理裝置,通過根據位圖圖片生成若干個采用矢 量表示的圖標字體,并向終端提供該圖標字體以及對應的配置信息,使得終端根據圖標字 體和配置信息即可繪制出位圖圖片所描繪的圖片內容;解決了需要為不同分辨率的終端配 置不同像素尺寸的位圖圖片,導致配置過程較為復雜的問題;達到了只需要向終端提供圖 標字體以及配置信息,終端即可繪制出符合自身屏幕分辨率的圖片內容,避免了為不同屏 幕分辨率的終端配置不同像素尺寸的位圖圖片,從而簡化了配置過程。
[0170] 請參考圖7,其示出了本發(fā)明另一個實施例提供的圖片處理裝置的結構方框圖。該 圖片處理裝置通過硬件或者軟硬件的結合實現成為圖1中服務器110的全部或者一部分。該 圖片處理裝置包括:
[0171] 獲取模塊710,用于獲取位圖圖片;
[0172] 生成模塊720,用于根據所述位圖圖片所描繪的圖片內容生成n個圖標字體,所述n 個圖標字體的全集為所述圖片內容且各個圖標字體采用矢量表示;
[0173] 提取模塊730,用于提取所述n個圖標字體各自對應的配置信息,所述配置信息用 于指示所述n個圖標字體各自的顯示效果;
[0174]第一提供模塊740,用于向終端提供所述n個圖標字體和所述配置信息,所述終端 用于根據所述n個圖標字體和所述配置信息繪制所述圖片內容。
[0175] 可選的,生成模塊720,包括:
[0176] 分析單元721,用于分析所述圖片內容的顏色種類和各種顏色對應內容的形狀輪 廓;
[0177] 劃分單元722,用于根據分析結果將所述位圖圖片劃分為n個子內容塊;
[0178] 生成單元723,用于根據所述n個子內容塊生成對應的所述n個圖標字體;
[0179] 其中,每個子內容塊包含的內容對應一種顏色,且各個子內容塊包含的內容在結 構上相互獨立。
[0180] 可選的,提取模塊730,包括:
[0181] 第一提取單元731,用于提取所述n個圖標字體各自對應的字體顏色,所述字體顏 色用于指示所述圖標字體對應的內容在所述圖片內容中的顏色;
[0182] 第二提取單元732,用于提取所述n個圖標字體各自對應的位置信息,所述位置信 息用于指示各個圖標字體對應的內容在所述圖片內容中的相對位置;
[0183] 第三提取單元733,用于提取所述n個圖標字體各自對應的尺寸信息,所述尺寸信 息用于指示各個圖標字體對應的內容在所述圖片內容中的顯示尺寸;
[0184] 第四提取單元734,用于提取所述n個圖標字體各自對應的圖層信息,所述圖層信 息用于指示各個圖標字體的繪制順序;
[0185] 確定單元735,用于將所述字體顏色、所述位置信息、所述尺寸信息和所述圖層信 息中的至少一種確定為所述配置信息。
[0186] 可選的,第一提供模塊740,包括:
[0187] 打包單元741,用于將所述n個圖標字體打包為字體庫;
[0188] 封裝單元742,用于采用預定協(xié)議對所述配置信息進行封裝;
[0189] 添加單元743,用于將所述字體庫和封裝后的所述配置信息添加到應用程序安裝 包;
[0190] 提供單元744,用于向所述終端提供所述應用程序安裝包。
[0191] 可選的,該裝置,還包括:
[0192] 檢測模塊750,用于檢測所述圖片內容包含的顏色種類是否小于預設閾值;
[0193] 所述生成模塊720,還用于若所述圖片內容包含的顏色種類小于所述預設閾值,則 執(zhí)行所述根據所述位圖圖片所描繪的圖片內容生成n個圖標字體的步驟;
[0194] 第二提供模塊760,用于若所述圖片內容包含的顏色種類大于所述預設閾值,則向 所述終端提供所述位圖圖片。
[0195] 綜上所述,本實施例提供的圖片處理裝置,通過根據位圖圖片生成若干個采用矢 量表示的圖標字體,并向終端提供該圖標字體以及對應的配置信息,使得終端根據圖標字 體和配置信息即可繪制出位圖圖片所描繪的圖片內容;解決了需要為不同分辨率的終端配 置不同像素尺寸的位圖圖片,導致配置過程較為復雜的問題;達到了只需要向終端提供圖 標字體以及配置信息,終端即可繪制出符合自身屏幕分辨率的圖片內容,避免了為不同屏 幕分辨率的終端配置不同像素尺寸的位圖圖片,從而簡化了配置過程。
[0196] 本實施例中,利用圖標字體以及相應配置信息取代原有的位圖圖片,并將其打包 添加到應用程序安裝包中,減小了應用程序安裝包的大小,使得應用程序安裝更加輕量化, 并進一步提高應用程序中圖標的加載速度。
[0197] 本實施例中,服務器根據圖片內容的顏色種類和各種顏色對應內容的形狀輪廓生 成若干個圖標字體,并根據圖片內容確定圖標字體對應的字體顏色、位置信息、尺寸信息和 圖層信息,方便終端進行后續(xù)的圖片內容繪制,提高了繪制的準確性。
[0198] 請參考圖8,其示出了本發(fā)明一個實施例提供的圖片繪制裝置的結構方框圖。該圖 片繪制裝置通過硬件或者軟硬件的結合實現成為圖1中終端120的全部或者一部分。該圖片 繪制裝置包括:
[0199] 第一加載模塊810,用于加載n個圖標字體,所述n個圖標字體由服務器根據位圖圖 片所描繪的圖片內容生成,所述n個圖標字體的全集為所述圖片內容且各個圖標字體采用 矢量表示,n>2;
[0200] 第二加載模塊820,用于加載所述n個圖標字體各自對應的配置信息,所述配置信 息用于指示所述n個圖標字體各自的顯示效果;
[0201] 繪制模塊830,用于根據所述n個圖標字體和所述配置信息繪制所述圖片內容。
[0202] 綜上所述,本實施例提供的圖片繪制裝置,通過根據位圖圖片生成若干個采用矢 量表示的圖標字體,并向終端提供該圖標字體以及對應的配置信息,使得終端根據圖標字 體和配置信息即可繪制出位圖圖片所描繪的圖片內容;解決了需要為不同分辨率的終端配 置不同像素尺寸的位圖圖片,導致配置過程較為復雜的問題;達到了只需要向終端提供圖 標字體以及配置信息,終端即可繪制出符合自身屏幕分辨率的圖片內容,避免了為不同屏 幕分辨率的終端配置不同像素尺寸的位圖圖片,從而簡化了配置過程。
[0203]請參考圖9,其示出了本發(fā)明另一個實施例提供的圖片繪制裝置的結構方框圖。該 圖片繪制裝置通過硬件或者軟硬件的結合實現成為圖1中終端120的全部或者一部分。該圖 片繪制裝置包括:
[0204]第一加載模塊910,用于加載n個圖標字體,所述n個圖標字體由服務器根據位圖圖 片所描繪的圖片內容生成,所述n個圖標字體的全集為所述圖片內容且各個圖標字體采用 矢量表示,n>2;
[0205]第二加載模塊920,用于加載所述n個圖標字體各自對應的配置信息,所述配置信 息用于指示所述n個圖標字體各自的顯示效果;
[0206]繪制模塊930,用于根據所述n個圖標字體和所述配置信息繪制所述圖片內容。 [0207]可選的,繪制模塊930,包括:
[0208] 獲取單元931,用于獲取所述配置信息中包括的圖層信息,所述圖層信息用于指示 各個圖標字體的繪制順序;
[0209] 第一繪制單元932,用于繪制第i圖標字體,
[0210] 第二繪制單元933,用于根據所述圖層信息所指示的繪制順序,在繪制完成的所述 第i圖標字體上疊加繪制第i+1圖標字體;
[0211] 其中,所述第i圖標字體對應的圖層信息所指示的繪制順序先于所述第i+1圖標字 體對應的圖層信息所指示的繪制順序。
[0212] 可選的,第一繪制單元932,包括:
[0213]獲取子單元932A,用于獲取所述第i圖標字體對應的尺寸信息,所述尺寸信息用于 指示圖標字體對應的內容在所述圖片內容中的顯示尺寸;
[0214]計算子單元932B,用于根據所述尺寸信息和終端的屏幕分辨率,計算所述第i圖標 字體的像素尺寸,所述像素尺寸用于指示圖標字體在所述終端屏幕上所占的像素點;
[0215]繪制子單元932C,用于根據所述第i圖標字體對應的位置信息、字體顏色以及所述 像素尺寸,繪制所述第i圖標字體,所述位置信息用于指示各個圖標字體對應的內容在所述 圖片內容中的相對位置,所述字體顏色用于指示所述圖標字體對應的內容在所述圖片內容 中的顏色。
[0216]綜上所述,本實施例提供的圖片繪制裝置,通過根據位圖圖片生成若干個采用矢 量表示的圖標字體,并向終端提供該圖標字體以及對應的配置信息,使得終端根據圖標字 體和配置信息即可繪制出位圖圖片所描繪的圖片內容;解決了需要為不同分辨率的終端配 置不同像素尺寸的位圖圖片,導致配置過程較為復雜的問題;達到了只需要向終端提供圖 標字體以及配置信息,終端即可繪制出符合自身屏幕分辨率的圖片內容,避免了為不同屏 幕分辨率的終端配置不同像素尺寸的位圖圖片,從而簡化了配置過程。
[0217] 本實施例中,終端根據配置信息中圖層信息所指示的繪制順序進行圖標字體的疊 加繪制,保證繪制出的圖片內容與位圖圖片一致,提高了圖片繪制的準確性。
[0218] 相較于根據位圖圖片中各個像素點信息進行圖片內容繪制,本實施例中,終端根 據圖標字體和配置信息進行圖片內容繪制,繪制速度更快,且繪制出圖片內容的顯示效果 更佳。
[0219]需要說明的是:上述實施例提供的圖片處理和圖片繪制裝置,僅以上述各功能模 塊的劃分進行舉例說明,實際應用中,可以根據需要而將上述功能分配由不同的功能模塊 完成,即將服務器和終端的內部結構劃分成不同的功能模塊,以完成以上描述的全部或者 部分功能。另外,上述實施例提供的圖片處理裝置與圖片處理方法實施例屬于同一構思,圖 片繪制裝置與圖片繪制方法實施例屬于同一構思,其具體實現過程詳見方法實施例,這里 不再贅述。
[0220] 應當理解的是,在本文中使用的,除非上下文清楚地支持例外情況,單數形式"一 個"("a"、"an"、"the")旨在也包括復數形式。還應當理解的是,在本文中使用的"和/或"是 指包括一個或者一個以上相關聯地列出的項目的任意和所有可能組合。
[0221] 上述本發(fā)明實施例序號僅僅為了描述,不代表實施例的優(yōu)劣。
[0222] 本領域普通技術人員可以理解實現上述實施例的全部或部分步驟可以通過硬件 來完成,也可以通過程序來指令相關的硬件完成,所述的程序可以存儲于一種計算機可讀 存儲介質中,上述提到的存儲介質可以是只讀存儲器,磁盤或光盤等。
[0223] 以上所述僅為本發(fā)明的較佳實施例,并不用以限制本發(fā)明,凡在本發(fā)明的精神和 原則之內,所作的任何修改、等同替換、改進等,均應包含在本發(fā)明的保護范圍之內。
【主權項】
1. 一種圖片處理方法,其特征在于,所述方法包括: 獲取位圖圖片; 根據所述位圖圖片所描繪的圖片內容生成η個圖標字體,所述η個圖標字體的全集為所 述圖片內容且各個圖標字體采用矢量表示,η多2; 提取所述η個圖標字體各自對應的配置信息,所述配置信息用于指示所述η個圖標字體 各自的顯示效果; 向終端提供所述η個圖標字體和所述配置信息,所述終端用于根據所述η個圖標字體和 所述配置信息繪制所述圖片內容。2. 根據權利要求1所述的方法,其特征在于,所述根據所述位圖圖片所描繪的圖片內容 生成η個圖標字體,包括: 分析所述圖片內容的顏色種類和各種顏色對應內容的形狀輪廓; 根據分析結果將所述位圖圖片劃分為η個子內容塊; 根據所述η個子內容塊生成對應的所述η個圖標字體; 其中,每個子內容塊包含的內容對應一種顏色,且各個子內容塊包含的內容在結構上 相互獨立。3. 根據權利要求1或2所述的方法,其特征在于,所述提取所述η個圖標字體各自對應的 配置信息,包括: 提取所述η個圖標字體各自對應的字體顏色,所述字體顏色用于指示所述圖標字體對 應的內容在所述圖片內容中的顏色; 提取所述η個圖標字體各自對應的位置信息,所述位置信息用于指示各個圖標字體對 應的內容在所述圖片內容中的相對位置; 提取所述η個圖標字體各自對應的尺寸信息,所述尺寸信息用于指示各個圖標字體對 應的內容在所述圖片內容中的顯示尺寸; 提取所述η個圖標字體各自對應的圖層信息,所述圖層信息用于指示各個圖標字體的 繪制順序; 將所述字體顏色、所述位置信息、所述尺寸信息和所述圖層信息中的至少一種確定為 所述配置信息。4. 根據權利要求1至3任一所述的方法,其特征在于,所述向終端提供所述η個圖標字體 和所述配置信息,包括: 將所述η個圖標字體打包為字體庫; 采用預定協(xié)議對所述配置信息進行封裝; 將所述字體庫和封裝后的所述配置信息添加到應用程序安裝包; 向所述終端提供所述應用程序安裝包。5. 根據權利要求2所述的方法,其特征在于,所述根據所述位圖圖片所描繪的圖片內容 生成η個圖標字體之前,還包括: 檢測所述圖片內容包含的顏色種類是否小于預設閾值; 若所述圖片內容包含的顏色種類小于所述預設閾值,則執(zhí)行所述根據所述位圖圖片所 描繪的圖片內容生成η個圖標字體的步驟; 若所述圖片內容包含的顏色種類大于所述預設閾值,則向所述終端提供所述位圖圖 片。6. -種圖片繪制方法,其特征在于,所述方法包括: 加載η個圖標字體,所述η個圖標字體由服務器根據位圖圖片所描繪的圖片內容生成, 所述η個圖標字體的全集為所述圖片內容且各個圖標字體采用矢量表示, 加載所述η個圖標字體各自對應的配置信息,所述配置信息用于指示所述η個圖標字體 各自的顯示效果; 根據所述η個圖標字體和所述配置信息繪制所述圖片內容。7. 根據權利要求6所述的方法,其特征在于,所述根據所述η個圖標字體和所述配置信 息繪制所述圖片內容,包括: 獲取所述配置信息中包括的圖層信息,所述圖層信息用于指示各個圖標字體的繪制順 序; 繪制第i圖標字體,彡η-1; 根據所述圖層信息所指示的繪制順序,在繪制完成的所述第i圖標字體上疊加繪制第i +1圖標字體; 其中,所述第i圖標字體對應的圖層信息所指示的繪制順序先于所述第i+Ι圖標字體對 應的圖層信息所指示的繪制順序。8. 根據權利要求7所述的方法,其特征在于,所述繪制第i圖標字體,包括: 獲取所述第i圖標字體對應的尺寸信息,所述尺寸信息用于指示圖標字體對應的內容 在所述圖片內容中的顯示尺寸; 根據所述尺寸信息和終端的屏幕分辨率,計算所述第i圖標字體的像素尺寸,所述像素 尺寸用于指示圖標字體在所述終端屏幕上所占的像素點; 根據所述第i圖標字體對應的位置信息、字體顏色以及所述像素尺寸,繪制所述第i圖 標字體,所述位置信息用于指示各個圖標字體對應的內容在所述圖片內容中的相對位置, 所述字體顏色用于指示所述圖標字體對應的內容在所述圖片內容中的顏色。9. 一種圖片處理裝置,其特征在于,所述裝置包括: 獲取模塊,用于獲取位圖圖片; 生成模塊,用于根據所述位圖圖片所描繪的圖片內容生成η個圖標字體,所述η個圖標 字體的全集為所述圖片內容且各個圖標字體采用矢量表示,2; 提取模塊,用于提取所述η個圖標字體各自對應的配置信息,所述配置信息用于指示所 述η個圖標字體各自的顯示效果; 第一提供模塊,用于向終端提供所述η個圖標字體和所述配置信息,所述終端用于根據 所述η個圖標字體和所述配置信息繪制所述圖片內容。10. 根據權利要求9所述的裝置,其特征在于,所述生成模塊,包括: 分析單元,用于分析所述圖片內容的顏色種類和各種顏色對應內容的形狀輪廓; 劃分單元,用于根據分析結果將所述位圖圖片劃分為η個子內容塊; 生成單元,用于根據所述η個子內容塊生成對應的所述η個圖標字體; 其中,每個子內容塊包含的內容對應一種顏色,且各個子內容塊包含的內容在結構上 相互獨立。11. 根據權利要求9或10所述的裝置,其特征在于,所述提取模塊,包括: 第一提取單元,用于提取所述η個圖標字體各自對應的字體顏色,所述字體顏色用于指 示所述圖標字體對應的內容在所述圖片內容中的顏色; 第二提取單元,用于提取所述η個圖標字體各自對應的位置信息,所述位置信息用于指 示各個圖標字體對應的內容在所述圖片內容中的相對位置; 第三提取單元,用于提取所述η個圖標字體各自對應的尺寸信息,所述尺寸信息用于指 示各個圖標字體對應的內容在所述圖片內容中的顯示尺寸; 第四提取單元,用于提取所述η個圖標字體各自對應的圖層信息,所述圖層信息用于指 不各個圖標字體的繪制順序; 確定單元,用于將所述字體顏色、所述位置信息、所述尺寸信息和所述圖層信息中的至 少一種確定為所述配置信息。12. 根據權利要求9至11任一所述的裝置,其特征在于,所述第一提供模塊,包括: 打包單元,用于將所述η個圖標字體打包為字體庫; 封裝單元,用于采用預定協(xié)議對所述配置信息進行封裝; 添加單元,用于將所述字體庫和封裝后的所述配置信息添加到應用程序安裝包; 提供單元,用于向所述終端提供所述應用程序安裝包。13. 根據權利要求10所述的裝置,其特征在于,所述裝置,還包括: 檢測模塊,用于檢測所述圖片內容包含的顏色種類是否小于預設閾值; 所述生成模塊,還用于若所述圖片內容包含的顏色種類小于所述預設閾值,則執(zhí)行所 述根據所述位圖圖片所描繪的圖片內容生成η個圖標字體的步驟; 第二提供模塊,用于若所述圖片內容包含的顏色種類大于所述預設閾值,則向所述終 端提供所述位圖圖片。14. 一種圖片繪制裝置,其特征在于,所述裝置包括: 第一加載模塊,用于加載η個圖標字體,所述η個圖標字體由服務器根據位圖圖片所描 繪的圖片內容生成,所述η個圖標字體的全集為所述圖片內容且各個圖標字體采用矢量表 示,η彡2; 第二加載模塊,用于加載所述η個圖標字體各自對應的配置信息,所述配置信息用于指 示所述η個圖標字體各自的顯示效果; 繪制模塊,用于根據所述η個圖標字體和所述配置信息繪制所述圖片內容。15. 根據權利要求14所述的裝置,其特征在于,所述繪制模塊,包括: 獲取單元,用于獲取所述配置信息中包括的圖層信息,所述圖層信息用于指示各個圖 標字體的繪制順序; 第一繪制單元,用于繪制第i圖標字體, 第二繪制單元,用于根據所述圖層信息所指示的繪制順序,在繪制完成的所述第i圖標 字體上疊加繪制第i+Ι圖標字體; 其中,所述第i圖標字體對應的圖層信息所指示的繪制順序先于所述第i+Ι圖標字體對 應的圖層信息所指示的繪制順序。16. 根據權利要求15所述的裝置,其特征在于,所述第一繪制單元,包括: 獲取子單元,用于獲取所述第i圖標字體對應的尺寸信息,所述尺寸信息用于指示圖標 字體對應的內容在所述圖片內容中的顯示尺寸; 計算子單元,用于根據所述尺寸信息和終端的屏幕分辨率,計算所述第i圖標字體的像 素尺寸,所述像素尺寸用于指示圖標字體在所述終端屏幕上所占的像素點; 繪制子單元,用于根據所述第i圖標字體對應的位置信息、字體顏色以及所述像素尺 寸,繪制所述第i圖標字體,所述位置信息用于指示各個圖標字體對應的內容在所述圖片內 容中的相對位置,所述字體顏色用于指示所述圖標字體對應的內容在所述圖片內容中的顏 色。
【文檔編號】G06F3/14GK106055295SQ201610349175
【公開日】2016年10月26日
【申請日】2016年5月24日
【發(fā)明人】夏盛新, 王鴻云, 張興華
【申請人】騰訊科技(深圳)有限公司