图片处理方法、图片绘制方法及装置的制造方法

图片处理方法、图片绘制方法及装置的制造方法
【专利摘要】本发明公开了一种图片处理方法、图片绘制方法及装置，属于图像处理技术领域。所述图片处理方法包括：获取位图图片；根据位图图片所描绘的图片内容生成n个图标字体，n个图标字体的全集为该图片内容且各个图标字体采用矢量表示，n≥2；提取n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体各自的显示效果；向终端提供n个图标字体和配置信息，终端用于根据n个图标字体和配置信息绘制该图片内容。本发明实施例达到了只需要向终端提供图标字体以及配置信息，终端即可绘制出符合自身屏幕分辨率的图片内容，避免了为不同屏幕分辨率的终端配置不同像素尺寸的位图图片，从而简化了配置过程。
【专利说明】
图片处理方法、图片绘制方法及装置
技术领域
[0001] 本发明实施例涉及图像处理领域，特别涉及一种图片处理方法、图片绘制方法及 装置。
【背景技术】
[0002] 随着终端技术的不断发展，终端中应用程序的界面显示效果越来越好，而应用程 序界面中显示的图标通常以位图图片的形式存储在应用程序安装包中。
[0003] 位图图片中包含各个像素点的像素信息，当启动应用程序时，终端即获取位图图 片中各个像素点的像素信息，并根据该像素信息进行渲染，从而在应用程序界面中显示相 应的图标。
[0004] 在实现本发明实施例的过程中，发明人发现上述技术至少存在以下问题：
[0005] 为了使应用程序中的图标在不同分辨率的终端中均能够达到良好的显示效果，对 于同一图标，需要为不同分辨率的终端配置不同像素尺寸的位图图片，配置过程复杂。

【发明内容】

[0006] 为了解决对于同一图标，需要为不同分辨率的终端配置不同像素尺寸的位图图 片，导致配置过程较为复杂的问题，本发明实施例提供了一种图片处理方法、图片绘制方法 及装置。所述技术方案如下：
[0007] 根据本发明实施例的第一方面，提供一种图片处理方法，该方法包括：
[0008] 获取位图图片；
[0009] 根据位图图片所描绘的图片内容生成n个图标字体，n个图标字体的全集为图片内 容且各个图标字体采用矢量表示，n>2;
[0010] 提取n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体各自的显 示效果；
[0011] 向终端提供n个图标字体和配置信息，终端用于根据n个图标字体和配置信息绘制 图片内容。
[0012] 根据本发明实施例的第二方面，提供一种图片绘制方法，该方法包括：
[0013] 加载n个图标字体，n个图标字体由服务器根据位图图片所描绘的图片内容生成，n 个图标字体的全集为该图片内容且各个图标字体采用矢量表示，n多2;
[0014]加载n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体各自的显 示效果；
[0015] 根据n个图标字体和配置信息绘制图片内容。
[0016] 根据本发明实施例的第三方面，提供一种图片处理装置，该装置包括：
[0017] 获取模块，用于获取位图图片；
[0018] 生成模块，用于根据位图图片所描绘的图片内容生成n个图标字体，n个图标字体 的全集为该图片内容且各个图标字体采用矢量表示，n>2;
[0019] 提取模块，用于提取n个图标字体各自对应的配置信息，配置信息用于指示n个图 标字体各自的显示效果；
[0020] 第一提供模块，用于向终端提供n个图标字体和配置信息，终端用于根据n个图标 字体和配置信息绘制图片内容。
[0021] 根据本发明实施例的第四方面，提供一种图片绘制装置，该装置包括：
[0022] 第一加载模块，用于加载n个图标字体，n个图标字体由服务器根据位图图片所描 绘的图片内容生成，n个图标字体的全集为图片内容且各个图标字体采用矢量表示，
[0023] 第二加载模块，用于加载n个图标字体各自对应的配置信息，配置信息用于指示n 个图标字体各自的显示效果；
[0024] 绘制模块，用于根据n个图标字体和配置信息绘制图片内容。
[0025] 本发明实施例提供的技术方案带来的有益效果是：
[0026] 通过根据位图图片生成若干个采用矢量表示的图标字体，并向终端提供该图标字 体以及对应的配置信息，使得终端根据图标字体和配置信息即可绘制出位图图片所描绘的 图片内容;解决了需要为不同分辨率的终端配置不同像素尺寸的位图图片，导致配置过程 较为复杂的问题;达到了只需要向终端提供图标字体以及配置信息，终端即可绘制出符合 自身屏幕分辨率的图片内容，避免了为不同屏幕分辨率的终端配置不同像素尺寸的位图图 片，从而简化了配置过程。
【附图说明】
[0027] 为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使 用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于 本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他 的附图。
[0028] 图1是本发明一个实施例提供的实施环境的示意图；
[0029]图2是本发明一个实施例提供的图片处理方法的流程图；
[0030]图3A是本发明另一个实施例提供的图片处理方法的流程图；
[0031]图3B是图3A所不图片处理方法的实施不意图；
[0032]图3C是本发明再一个实施例提供的图片处理方法的流程图；
[0033]图3D是本发明又一个实施例提供的图片处理方法的流程图；
[0034] 图4是本发明一个实施例提供的图片绘制方法的流程图；
[0035] 图5A是本发明另一个实施例提供的图片绘制方法的流程图；
[0036] 图5B是图5A所示图片绘制方法所涉及的图标字体绘制过程的流程图；
[0037]图5C是图5A所不图片处理方法的实施不意图；
[0038] 图6是本发明一个实施例提供的图片处理装置的结构方框图；
[0039] 图7是本发明另一个实施例提供的图片处理装置的结构方框图；
[0040] 图8是本发明一个实施例提供的图片绘制装置的结构方框图；
[0041]图9是本发明另一个实施例提供的图片绘制装置的结构方框图。
【具体实施方式】
[0042]为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方 式作进一步地详细描述。
[0043]为了方便理解，下面对本发明实施例中出现的名词进行解释。
[0044] 位图：又称为点阵图，由若干个像素点构成，每个像素点对应各自的像素信息，该 像素信息用于指示像素点的颜色。比如，当位图图片的尺寸为40*40时，指示该位图图片的 长和宽均为40px，共包含1600个像素点。放大或缩小位图图片即对放大像素点的尺寸，会造 成图片内容的失真。常见的位图图片的格式有PNG、BMP和JPEG等等。
[0045] 图标字体:又称图片字体，本质上是一种利用几何特性描绘图片内容的矢量图标。 与位图图片采用像素点描绘图片内容不同的是，图标字体采用矢量化的线条描绘图片内 容。由于图片内容采用矢量表示，因此放大或缩小图标字体时，图标字体所描绘的内容不会 失真。图标字体通常采用TTF( TrueTypeFont，字体文件)格式进行存储。
[0046] 像素尺寸：用于指示屏幕上显示的图片所占用的像素区域。比如，当图片的像素尺 寸为40*40时，指示显示该图片将占用屏幕上长40px、宽40px的像素区域，共占用1600个像 素点。像素尺寸通常以px为单位。
[0047] 请参考图1，其示出了本发明一个实施例提供的实施环境的示意图，该实施环境中 包含服务器110和至少一个终端120。
[0048]服务器110可以是应用程序的后台服务器，用于向终端120提供包含图标字体和配 置信息的应用程序安装包(或补丁包），使得终端120可以根据图标字体和配置信息在应用 程序界面中绘制出相应的图片内容。服务器110是至少一台服务器、服务器集群、分布式服 务器平台、云计算中心或几个服务器集群的组合。需要说明的是，服务器110还可以与个人 计算机（图中未示出）相连，该个人计算机用于生成应用程序安装包(或补丁包），并借由服 务器110向各个终端120提供该应用程序安装包(或补丁包），本发明实施例并不对此进行限 定。
[0049]服务器110与终端120之间通过有线或无线网络相连。
[0050] 终端120可以是智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器和膝上型便携计算机 (相机、摄像机)等等。终端120用于根据服务器110提供的应用程序安装包(或补丁包）中包 含的图标字体和配置信息，在应用程序界面中绘制相应的图片内容。
[0051] 为了方便描述，下述实施例以图片处理方法用于服务器，图片绘制方法用于终端 为例进行示意性说明，并不对本发明构成限定。
[0052] 当应用程序中的图标采用位图图片进行显示时，针对不同屏幕分辨率的终端，开 发人员需要为其配置不同像素尺寸的位图图片。比如，当终端A的屏幕分辨率为540*360时， 开发人员为其配置40*40像素尺寸的位图图片；当终端B的屏幕分辨率为1080*720时，若仍 旧为其配置40*40像素尺寸的位图图片，则该位图图片对应图标的显示尺寸过小;若直接将 该位图图片的像素尺寸放大为80*80,该位图图片的边缘将会变形（图标失真），影响显示效 果，因此，开发人员需要为终端B重新绘制80*80像素尺寸的位图图片，使得终端B在显示该 位图图片时达到较好的显示效果。
[0053] 虽然通过为不同屏幕分辨率的终端配置不同像素尺寸的位图图片能够在一定程 度上解决图标显示效果的问题，但是，由于终端的屏幕分辨率种类繁多，导致应用程序图标 配置过程较为复杂。
[0054] 为了降低应用程序图标配置过程的复杂度，同时保证应用程序图标的显示效果， 本发明实施例提供了一种图片处理方法，通过该图片处理方法，不再需要配置不同像素尺 寸的位图图片，只需要向终端提供统一的图标字体以及相应的配置信息，终端即可根据该 图标字体和配置信息绘制出位图图片所描绘的图片内容。下面采用示意性的实施例进行说 明。
[0055] 请参考图2,其示出了本发明一个实施例提供的图片处理方法的流程图，本实施例 以该图片处理方法用于图1中的服务器110为例进行说明，该方法包括：
[0056] 步骤201，获取位图图片。
[0057]服务器获取待显示图标对应的位图图片，该位图图片中可以为单色的位图图片， 也可以是多彩位图图片（即位图图片所描绘的内容包括多种颜色）。
[0058]步骤202,根据位图图片所描绘的图片内容生成n个图标字体，n个图标字体的全集 为该图片内容且各个图标字体采用矢量表示，n>2。
[0059] 服务器根据位图图片所描绘的图片内容，生成该位图图片对应的n个图标字体，其 中，各个图标字体均采用矢量表示，用于通过矢量描绘图片内容中的线条，且各个图标字体 所描绘内容的全集即为该图片内容。
[0060] 需要说明的是，根据图片内容生成的图标字体的数量与该图片内容的复杂度有 关，图片内容的复杂度越高，生成的图标字体的个数越多，图片内容的复杂度越低，生成的 图标字体的个数越少，本发明实施例并不对生成的图标字体的个数进行限定。
[0061] 步骤203,提取n个图标字体各自对应的配置信息，该配置信息用于指示n个图标字 体各自的显示效果。
[0062] 生成位图图片对应的图标字体后，服务器从图片内容中提取各个图标字体对应的 配置信息，该配置信息用于指示各个图标字体的显示颜色，显示尺寸和显示位置等等。
[0063] 步骤204,向终端提供n个图标字体和配置信息，终端用于根据n个图标字体和配置 信息绘制图片内容。
[0064] 服务器可以以应用程序安装包或应用程序补丁包的形式，向终端提供图标字体和 相应的配置信息。
[0065] 由于图标字体采用矢量表示，不论对该图标字体进行放大会缩小操作，该图标字 体所描绘的内容均不会失真，因此终端根据接收到的图标字体和配置信息绘制出的图片内 容能够达到较好的显示效果。
[0066] 综上所述，本实施例提供的图片处理方法，通过根据位图图片生成若干个采用矢 量表示的图标字体，并向终端提供该图标字体以及对应的配置信息，使得终端根据图标字 体和配置信息即可绘制出位图图片所描绘的图片内容;解决了需要为不同分辨率的终端配 置不同像素尺寸的位图图片，导致配置过程较为复杂的问题;达到了只需要向终端提供图 标字体以及配置信息，终端即可绘制出符合自身屏幕分辨率的图片内容，避免了为不同屏 幕分辨率的终端配置不同像素尺寸的位图图片，从而简化了配置过程。
[0067] 由于单个图标字体只能被描绘成单一颜色，当位图图片所描绘的图片内容中包含 多种颜色时，服务器可以对位图图片所描绘的图片内容进行分析，分析该图片内容的颜色 种类和各种颜色对应内容的形状轮廓，并进一步根据该颜色种类和形状轮廓将该位图图片 划分为不同的子内容块，从而生成相应的图标字体。
[0068]请参考图3A，其示出了本发明另一个实施例提供的图片处理方法的流程图，本实 施例以该图片处理方法用于图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]需要说明的是，本实施例仅以上述划分方式为例进行示意性说明，并不对本发明 构成限定。
[0081 ]步骤304,根据n个子内容块生成对应的n个图标字体。
[0082] 完成子内容块的划分后，服务器根据子内容块生成对应的图标字体，该图标字体 所描绘的内容即包含各个子内容块中描绘的内容，且图标字体采用矢量对内容中包含的线 条进行描绘（即采用计算机图形学中的点、直线或者多边形等基于数学方程的几何图进行 表不）。
[0083] 在一种可能的实施方式中，服务器中预先设置有图标字体库，该图标字体库中包 含若干个预先配置的默认图标字体。服务器将位图图片划分为若干个子内容块后，即在该 图标字体库中查找是否存在与子内容块(所描绘内容）匹配的默认图标字体，若存在与子内 容块匹配的默认图标字体，则直接利用该默认图标字体;若不存在与子内容块匹配的默认 图标字体，则根据子内容所描绘内容的像素点分布，自动生成相应的图标字体。
[0084]比如，如图3B所示，服务器根据第一子内容块生成图标字体32，根据第二子内容块 生成图标字体33,其中，该图标字体32和33均采用ttf格式进行存储。
[0085] 需要说明的一点是，服务器可以利用;[(301]1〇〇11、;^1^611〇或;[(301^0111:-类的图标字 体制作工具生成位图图片对应的图标字体，也可以由开发人员根据位图图片手动绘制生成 对应的图标字体，本实施例并不对此进行限定。
[0086]需要说明的另一点是，当应用程序界面中包含多个图标时，服务器需要重复执行 上述步骤301只304,将应用程序界面中的各个图标均转换为图标字体和配置信息的组合。 [0087]步骤305，提取n个图标字体各自对应的配置信息。
[0088] 为了达到与位图图片一致的显示效果，服务器根据位图图片生成若干个图标字体 后，进一步提取各个图标字体各自对应的配置信息，该配置信息包括图标字体的字体颜色、 位置信息、尺寸信息和图层信息等等。
[0089] 在一种可能的试实施方式中，如图3C所示，本步骤包括如下步骤。
[0090] 步骤305A，提取n个图标字体各自对应的字体颜色，字体颜色用于指示图标字体对 应的内容在图片内容中的颜色。
[0091] 根据各个图标字体对应子内容块在位图图片中的颜色，服务器提取n个图标字体 各自对应的字体颜色，后续终端即根据该字体颜色进行图标字体的颜色渲染。
[0092]比如，图3B中，终端根据各个子内容块所描绘内容的颜色，确定图标字体32对应的 字体颜色为第一颜色，图标字体33对应的字体颜色为第二颜色。
[0093] 步骤305B，提取n个图标字体各自对应的位置信息，位置信息用于指示各个图标字 体对应的内容在图片内容中的相对位置。
[0094] 由于n个图标字体对应的内容之间相互独立，为了方便后续图标字体的组合绘制， 服务器需要进一步提取各个图标字体的位置信息，该位置信息可以指示图标字体对应内容 与图片内容中指定参考点（比如左上顶点）的相对位置，也可以指示各个图标字体对应内容 之间的左右和/或上下间距。其中，当该位置信息指示图标字体对应内容之间的左右和/或 上下间距时，该间距采用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]由于终端在进行图标字体绘制时，需要对若干个图标字体进行叠加绘制，若绘制 顺序发生错误，上层图标字体将会遮盖下层图标字体的部分内容。因此，为了避免绘制顺序 错误所导致的图片内容遮盖，服务器需要进一步确定生成的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,采用预定协议对配置信息进行封装。
[0110] 服务器采用预定协议格式，对图标字体对应的配置信息进行封装，使得终端能够 顺利加载配置信息，避免了兼容性问题。
[0111] 步骤308,将字体库和封装后的配置信息添加到应用程序安装包。
[0112] 完成字体库的打包和配置信息封装后，服务器将字体库和封装后的配置信息添加 到应用程序安装包。相较于现有技术中，将位图图片添加到应用程序安装包，将字体库和配 置信息添加到应用程序安装包能够显著降低安装包的大小。
[0113]步骤309，向终端提供应用程序安装包。
[0114]当终端请求安装应用程序时，服务器即向终端提供应用程序安装包，从而使终端 根据该安装包进行应用程序的安装。
[0115] 需要说明的是，在其他可能的实施方式中，服务器还可以通过TCP/IP协议向终端 实时传输字体库和配置信息，本实施例并不对此进行限定。
[0116] 综上所述，本实施例提供的图片处理方法，通过根据位图图片生成若干个采用矢 量表示的图标字体，并向终端提供该图标字体以及对应的配置信息，使得终端根据图标字 体和配置信息即可绘制出位图图片所描绘的图片内容;解决了需要为不同分辨率的终端配 置不同像素尺寸的位图图片，导致配置过程较为复杂的问题;达到了只需要向终端提供图 标字体以及配置信息，终端即可绘制出符合自身屏幕分辨率的图片内容，避免了为不同屏 幕分辨率的终端配置不同像素尺寸的位图图片，从而简化了配置过程。
[0117] 本实施例中，利用图标字体以及相应配置信息取代原有的位图图片，并将其打包 添加到应用程序安装包中，减小了应用程序安装包的大小，使得应用程序安装更加轻量化， 并进一步提高应用程序中图标的加载速度。
[0118] 本实施例中，服务器根据图片内容的颜色种类和各种颜色对应内容的形状轮廓生 成若干个图标字体，并根据图片内容确定图标字体对应的字体颜色、位置信息、尺寸信息和 图层信息，方便终端进行后续的图片内容绘制，提高了绘制的准确性。
[0119] 基于图3A所示的图片处理方法，如图3D所示，上述步骤301之后，还包括如下步骤：
[0120] 步骤310,检测图片内容包含的颜色种类是否小于预设阈值。
[0121] 对于颜色过于复杂的位图图片，根据位图图片生成图标字体的难度较高，且生成 的图标字体的数量过多，相应的，图标字体对应配置信息的数据量也相对较大，不利于终端 的加载和绘制。因此，服务器获取到位图图片后，统计位图图片所描绘图片内容包含的颜色 种类，当该颜色种类小于预设阈值（比如5种）时，服务器执行上述步骤302至步骤305,生成 图标字体和配置信息；当该颜色种类大于预设阈值时，服务器直接向终端提供该位图图片， 执行步骤311。
[0122] 步骤311，若图片内容包含的颜色种类大于预设阈值，则向终端提供位图图片。
[0123] 若图片内容包含的颜色种类大于预设阈值，服务器则直接将改位图图片添加到应 用程序安装包中，并提供给终端。
[0124] 与现有终端根据位图图片中各个像素点的像素信息进行图片内容绘制不同，本发 明实施例中，由于服务器向终端提供的是若干图标字体以及配置信息，因此，终端通过加载 该图标字体和配置信息，并以此绘制相应的图片内容，下面采用一个实施例进行说明。
[0125] 请参考图4,其示出了本发明一个实施例提供的图片绘制方法的流程图，本实施例 以该图片绘制方法用于图1中的终端120为例进行说明，该方法包括：
[0126] 步骤401，加载n个图标字体，n个图标字体由服务器根据位图图片所描绘的图片内 容生成，n个图标字体的全集为图片内容且各个图标字体采用矢量表示，n多2。
[0127] 在一种可能的实施方式中，终端从服务器处获取应用程序安装包，并加载该应用 程序安装包中的图标字体。其中，各个图标字体均采用矢量表示。
[0128] 步骤402,加载n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体 各自的显示效果。
[0129] 各个图标字体对应各自的配置信息，该配置信息用于指示图标字体的显示颜色、 显示尺寸和显示位置等等。终端在加载图标字体的同时，加载应用程序安装包中的配置信 息。
[0130] 步骤403,根据n个图标字体和配置信息绘制图片内容。
[0131] 终端根据加载的图标字体以及配置信息，绘制出相应的图片内容，并在屏幕上进 行显示。
[0132] 综上所述，本实施例提供的图片绘制方法，通过根据位图图片生成若干个采用矢 量表示的图标字体，并向终端提供该图标字体以及对应的配置信息，使得终端根据图标字 体和配置信息即可绘制出位图图片所描绘的图片内容;解决了需要为不同分辨率的终端配 置不同像素尺寸的位图图片，导致配置过程较为复杂的问题;达到了只需要向终端提供图 标字体以及配置信息，终端即可绘制出符合自身屏幕分辨率的图片内容，避免了为不同屏 幕分辨率的终端配置不同像素尺寸的位图图片，从而简化了配置过程。
[0133] 终端加载完图标字体和配置信息后，采用叠加绘制的绘制方式，从底层开始叠加 绘制各个图标字体，最终得到完整的图片内容。下面采用一个实施例进行说明。
[0134] 请参考5A，其示出了本发明另一个实施例提供的图片绘制方法的流程图，本实施 例以该图片绘制方法用于图1中的终端120为例进行说明，该方法包括：
[0135] 步骤501，加载n个图标字体，n个图标字体由服务器根据位图图片所描绘的图片内 容生成，n个图标字体的全集为图片内容且各个图标字体采用矢量表示，n多2。
[0136] 在一种可能的实施方式中，当终端为Android设备时，终端从服务器处获取应用程 序安装包后，通过Android系统提供的TypeFace工具类加载该应用程序安装包中的字体库， 该字体库中即包含根据位图图片生成的图标字体。其中，各个图标字体均采用矢量表示。
[0137] 由于该字体库中的图标字体采用ttf格式存储，因此终端加载该字体库的速度更 快(相较于加载位图图片）。
[0138] 步骤502,加载n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体 各自的显示效果。
[0139] 加载图标字体的同时，服务器加载图标字体各自对应的配置信息，该配置信息用 于指示图标字体在图片内容中的显示效果。其中，该配置信息包括字体颜色、位置信息、尺 寸信息和图层信息中的至少一种。由于该配置信息采用预定协议进行封装，因此终端能够 快速完成对配置信息的加载，避免了兼容性问题。
[0140]比如，服务器加载到的配置信息如上述表一所示。
[0141]需要说明的是，终端加载字体库或配置信息失败时，可以进行加载重试，当重试次 数达到阈值时，则向服务器发送默认图片获取请求，请求获取默认图片并进行加载显示，该 默认图片可以为矢量图图片或位图图片，本实施例并不对此进行限定。
[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] 下述为本发明装置实施例，对于装置实施例中未详尽描述的细节，可以参考上述 --对应的方法实施例。
[0164] 请参考图6,其示出了本发明一个实施例提供的图片处理装置的结构方框图。该图 片处理装置通过硬件或者软硬件的结合实现成为图1中服务器110的全部或者一部分。该图 片处理装置包括：
[0165] 获取模块610,用于获取位图图片；
[0166] 生成模块620,用于根据所述位图图片所描绘的图片内容生成n个图标字体，所述n 个图标字体的全集为所述图片内容且各个图标字体采用矢量表示，n>2;
[0167] 提取模块630,用于提取所述n个图标字体各自对应的配置信息，所述配置信息用 于指示所述n个图标字体各自的显示效果；
[0168] 第一提供模块640,用于向终端提供所述n个图标字体和所述配置信息，所述终端 用于根据所述n个图标字体和所述配置信息绘制所述图片内容。
[0169] 综上所述，本实施例提供的图片处理装置，通过根据位图图片生成若干个采用矢 量表示的图标字体，并向终端提供该图标字体以及对应的配置信息，使得终端根据图标字 体和配置信息即可绘制出位图图片所描绘的图片内容;解决了需要为不同分辨率的终端配 置不同像素尺寸的位图图片，导致配置过程较为复杂的问题;达到了只需要向终端提供图 标字体以及配置信息，终端即可绘制出符合自身屏幕分辨率的图片内容，避免了为不同屏 幕分辨率的终端配置不同像素尺寸的位图图片，从而简化了配置过程。
[0170] 请参考图7,其示出了本发明另一个实施例提供的图片处理装置的结构方框图。该 图片处理装置通过硬件或者软硬件的结合实现成为图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，用于采用预定协议对所述配置信息进行封装；
[0189] 添加单元743,用于将所述字体库和封装后的所述配置信息添加到应用程序安装 包；
[0190] 提供单元744,用于向所述终端提供所述应用程序安装包。
[0191] 可选的，该装置，还包括：
[0192] 检测模块750,用于检测所述图片内容包含的颜色种类是否小于预设阈值；
[0193] 所述生成模块720,还用于若所述图片内容包含的颜色种类小于所述预设阈值，则 执行所述根据所述位图图片所描绘的图片内容生成n个图标字体的步骤；
[0194] 第二提供模块760,用于若所述图片内容包含的颜色种类大于所述预设阈值，则向 所述终端提供所述位图图片。
[0195] 综上所述，本实施例提供的图片处理装置，通过根据位图图片生成若干个采用矢 量表示的图标字体，并向终端提供该图标字体以及对应的配置信息，使得终端根据图标字 体和配置信息即可绘制出位图图片所描绘的图片内容;解决了需要为不同分辨率的终端配 置不同像素尺寸的位图图片，导致配置过程较为复杂的问题;达到了只需要向终端提供图 标字体以及配置信息，终端即可绘制出符合自身屏幕分辨率的图片内容，避免了为不同屏 幕分辨率的终端配置不同像素尺寸的位图图片，从而简化了配置过程。
[0196] 本实施例中，利用图标字体以及相应配置信息取代原有的位图图片，并将其打包 添加到应用程序安装包中，减小了应用程序安装包的大小，使得应用程序安装更加轻量化， 并进一步提高应用程序中图标的加载速度。
[0197] 本实施例中，服务器根据图片内容的颜色种类和各种颜色对应内容的形状轮廓生 成若干个图标字体，并根据图片内容确定图标字体对应的字体颜色、位置信息、尺寸信息和 图层信息，方便终端进行后续的图片内容绘制，提高了绘制的准确性。
[0198] 请参考图8,其示出了本发明一个实施例提供的图片绘制装置的结构方框图。该图 片绘制装置通过硬件或者软硬件的结合实现成为图1中终端120的全部或者一部分。该图片 绘制装置包括：
[0199] 第一加载模块810,用于加载n个图标字体，所述n个图标字体由服务器根据位图图 片所描绘的图片内容生成，所述n个图标字体的全集为所述图片内容且各个图标字体采用 矢量表示，n>2;
[0200] 第二加载模块820,用于加载所述n个图标字体各自对应的配置信息，所述配置信 息用于指示所述n个图标字体各自的显示效果；
[0201] 绘制模块830,用于根据所述n个图标字体和所述配置信息绘制所述图片内容。
[0202] 综上所述，本实施例提供的图片绘制装置，通过根据位图图片生成若干个采用矢 量表示的图标字体，并向终端提供该图标字体以及对应的配置信息，使得终端根据图标字 体和配置信息即可绘制出位图图片所描绘的图片内容;解决了需要为不同分辨率的终端配 置不同像素尺寸的位图图片，导致配置过程较为复杂的问题;达到了只需要向终端提供图 标字体以及配置信息，终端即可绘制出符合自身屏幕分辨率的图片内容，避免了为不同屏 幕分辨率的终端配置不同像素尺寸的位图图片，从而简化了配置过程。
[0203]请参考图9,其示出了本发明另一个实施例提供的图片绘制装置的结构方框图。该 图片绘制装置通过硬件或者软硬件的结合实现成为图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] 上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
[0222] 本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件 来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读 存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
[0223] 以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和 原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【主权项】
1. 一种图片处理方法，其特征在于，所述方法包括： 获取位图图片； 根据所述位图图片所描绘的图片内容生成η个图标字体，所述η个图标字体的全集为所 述图片内容且各个图标字体采用矢量表示，η多2; 提取所述η个图标字体各自对应的配置信息，所述配置信息用于指示所述η个图标字体 各自的显示效果； 向终端提供所述η个图标字体和所述配置信息，所述终端用于根据所述η个图标字体和 所述配置信息绘制所述图片内容。2. 根据权利要求1所述的方法，其特征在于，所述根据所述位图图片所描绘的图片内容 生成η个图标字体，包括： 分析所述图片内容的颜色种类和各种颜色对应内容的形状轮廓； 根据分析结果将所述位图图片划分为η个子内容块； 根据所述η个子内容块生成对应的所述η个图标字体； 其中，每个子内容块包含的内容对应一种颜色，且各个子内容块包含的内容在结构上 相互独立。3. 根据权利要求1或2所述的方法，其特征在于，所述提取所述η个图标字体各自对应的 配置信息，包括： 提取所述η个图标字体各自对应的字体颜色，所述字体颜色用于指示所述图标字体对 应的内容在所述图片内容中的颜色； 提取所述η个图标字体各自对应的位置信息，所述位置信息用于指示各个图标字体对 应的内容在所述图片内容中的相对位置； 提取所述η个图标字体各自对应的尺寸信息，所述尺寸信息用于指示各个图标字体对 应的内容在所述图片内容中的显示尺寸； 提取所述η个图标字体各自对应的图层信息，所述图层信息用于指示各个图标字体的 绘制顺序； 将所述字体颜色、所述位置信息、所述尺寸信息和所述图层信息中的至少一种确定为 所述配置信息。4. 根据权利要求1至3任一所述的方法，其特征在于，所述向终端提供所述η个图标字体 和所述配置信息，包括： 将所述η个图标字体打包为字体库； 采用预定协议对所述配置信息进行封装； 将所述字体库和封装后的所述配置信息添加到应用程序安装包； 向所述终端提供所述应用程序安装包。5. 根据权利要求2所述的方法，其特征在于，所述根据所述位图图片所描绘的图片内容 生成η个图标字体之前，还包括： 检测所述图片内容包含的颜色种类是否小于预设阈值； 若所述图片内容包含的颜色种类小于所述预设阈值，则执行所述根据所述位图图片所 描绘的图片内容生成η个图标字体的步骤； 若所述图片内容包含的颜色种类大于所述预设阈值，则向所述终端提供所述位图图 片。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任一所述的装置，其特征在于，所述第一提供模块，包括： 打包单元，用于将所述η个图标字体打包为字体库； 封装单元，用于采用预定协议对所述配置信息进行封装； 添加单元，用于将所述字体库和封装后的所述配置信息添加到应用程序安装包； 提供单元，用于向所述终端提供所述应用程序安装包。13. 根据权利要求10所述的装置，其特征在于，所述装置，还包括： 检测模块，用于检测所述图片内容包含的颜色种类是否小于预设阈值； 所述生成模块，还用于若所述图片内容包含的颜色种类小于所述预设阈值，则执行所 述根据所述位图图片所描绘的图片内容生成η个图标字体的步骤； 第二提供模块，用于若所述图片内容包含的颜色种类大于所述预设阈值，则向所述终 端提供所述位图图片。14. 一种图片绘制装置，其特征在于，所述装置包括： 第一加载模块，用于加载η个图标字体，所述η个图标字体由服务器根据位图图片所描 绘的图片内容生成，所述η个图标字体的全集为所述图片内容且各个图标字体采用矢量表 示，η彡2; 第二加载模块，用于加载所述η个图标字体各自对应的配置信息，所述配置信息用于指 示所述η个图标字体各自的显示效果； 绘制模块，用于根据所述η个图标字体和所述配置信息绘制所述图片内容。15. 根据权利要求14所述的装置，其特征在于，所述绘制模块，包括： 获取单元，用于获取所述配置信息中包括的图层信息，所述图层信息用于指示各个图 标字体的绘制顺序； 第一绘制单元，用于绘制第i图标字体， 第二绘制单元，用于根据所述图层信息所指示的绘制顺序，在绘制完成的所述第i图标 字体上叠加绘制第i+Ι图标字体； 其中，所述第i图标字体对应的图层信息所指示的绘制顺序先于所述第i+Ι图标字体对 应的图层信息所指示的绘制顺序。16. 根据权利要求15所述的装置，其特征在于，所述第一绘制单元，包括： 获取子单元，用于获取所述第i图标字体对应的尺寸信息，所述尺寸信息用于指示图标 字体对应的内容在所述图片内容中的显示尺寸； 计算子单元，用于根据所述尺寸信息和终端的屏幕分辨率，计算所述第i图标字体的像 素尺寸，所述像素尺寸用于指示图标字体在所述终端屏幕上所占的像素点； 绘制子单元，用于根据所述第i图标字体对应的位置信息、字体颜色以及所述像素尺 寸，绘制所述第i图标字体，所述位置信息用于指示各个图标字体对应的内容在所述图片内 容中的相对位置，所述字体颜色用于指示所述图标字体对应的内容在所述图片内容中的颜 色。
【文档编号】G06F3/14GK106055295SQ201610349175
【公开日】2016年10月26日
【申请日】2016年5月24日
【发明人】夏盛新, 王鸿云, 张兴华
【申请人】腾讯科技（深圳）有限公司