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

本发明专利技术公开了一种图片处理方法、图片绘制方法及装置，属于图像处理技术领域。所述图片处理方法包括：获取位图图片；根据位图图片所描绘的图片内容生成n个图标字体，n个图标字体的全集为该图片内容且各个图标字体采用矢量表示，n≥2；提取n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体各自的显示效果；向终端提供n个图标字体和配置信息，终端用于根据n个图标字体和配置信息绘制该图片内容。本发明专利技术实施例达到了只需要向终端提供图标字体以及配置信息，终端即可绘制出符合自身屏幕分辨率的图片内容，避免了为不同屏幕分辨率的终端配置不同像素尺寸的位图图片，从而简化了配置过程。

【技术实现步骤摘要】

本专利技术实施例涉及图像处理领域，特别涉及一种图片处理方法、图片绘制方法及装置。
技术介绍
随着终端技术的不断发展，终端中应用程序的界面显示效果越来越好，而应用程序界面中显示的图标通常以位图图片的形式存储在应用程序安装包中。位图图片中包含各个像素点的像素信息，当启动应用程序时，终端即获取位图图片中各个像素点的像素信息，并根据该像素信息进行渲染，从而在应用程序界面中显示相应的图标。在实现本专利技术实施例的过程中，专利技术人发现上述技术至少存在以下问题：为了使应用程序中的图标在不同分辨率的终端中均能够达到良好的显示效果，对于同一图标，需要为不同分辨率的终端配置不同像素尺寸的位图图片，配置过程复杂。
技术实现思路
为了解决对于同一图标，需要为不同分辨率的终端配置不同像素尺寸的位图图片，导致配置过程较为复杂的问题，本专利技术实施例提供了一种图片处理方法、图片绘制方法及装置。所述技术方案如下：根据本专利技术实施例的第一方面，提供一种图片处理方法，该方法包括：获取位图图片；根据位图图片所描绘的图片内容生成n个图标字体，n个图标字体的全集为图片内容且各个图标字体采用矢量表示，n≥2；提取n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体各自的显示效果；向终端提供n个图标字体和配置信息，终端用于根据n个图标字体和配置信息绘制图片内容。根据本专利技术实施例的第二方面，提供一种图片绘制方法，该方法包括：加载n个图标字体，n个图标字体由服务器根据位图图片所描绘的图片内容生成，n个图标字体的全集为该图片内容且各个图标字体采用矢量表示，n≥2；加载n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体各自的显示效果；根据n个图标字体和配置信息绘制图片内容。根据本专利技术实施例的第三方面，提供一种图片处理装置，该装置包括：获取模块，用于获取位图图片；生成模块，用于根据位图图片所描绘的图片内容生成n个图标字体，n个图标字体的全集为该图片内容且各个图标字体采用矢量表示，n≥2；提取模块，用于提取n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体各自的显示效果；第一提供模块，用于向终端提供n个图标字体和配置信息，终端用于根据n个图标字体和配置信息绘制图片内容。根据本专利技术实施例的第四方面，提供一种图片绘制装置，该装置包括：第一加载模块，用于加载n个图标字体，n个图标字体由服务器根据位图图片所描绘的图片内容生成，n个图标字体的全集为图片内容且各个图标字体采用矢量表示，n≥2；第二加载模块，用于加载n个图标字体各自对应的配置信息，配置信息用于指示n个图标字体各自的显示效果；绘制模块，用于根据n个图标字体和配置信息绘制图片内容。本专利技术实施例提供的技术方案带来的有益效果是：通过根据位图图片生成若干个采用矢量表示的图标字体，并向终端提供该图标字体以及对应的配置信息，使得终端根据图标字体和配置信息即可绘制出位图图片所描绘的图片内容；解决了需要为不同分辨率的终端配置不同像素尺寸的位图图片，导致配置过程较为复杂的问题；达到了只需要向终端提供图标字体以及配置信息，终端即可绘制出符合自身屏幕分辨率的图片内容，避免了为不同屏幕分辨率的终端配置不同像素尺寸的位图图片，从而简化了配置过程。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术一个实施例提供的实施环境的示意图；图2是本专利技术一个实施例提供的图片处理方法的流程图；图3A是本专利技术另一个实施例提供的图片处理方法的流程图；图3B是图3A所示图片处理方法的实施示意图；图3C是本专利技术再一个实施例提供的图片处理方法的流程图；图3D是本专利技术又一个实施例提供的图片处理方法的流程图；图4是本专利技术一个实施例提供的图片绘制方法的流程图；图5A是本专利技术另一个实施例提供的图片绘制方法的流程图；图5B是图5A所示图片绘制方法所涉及的图标字体绘制过程的流程图；图5C是图5A所示图片处理方法的实施示意图；图6是本专利技术一个实施例提供的图片处理装置的结构方框图；图7是本专利技术另一个实施例提供的图片处理装置的结构方框图；图8是本专利技术一个实施例提供的图片绘制装置的结构方框图；图9是本专利技术另一个实施例提供的图片绘制装置的结构方框图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术实施方式作进一步地详细描述。为了方便理解，下面对本专利技术实施例中出现的名词进行解释。位图：又称为点阵图，由若干个像素点构成，每个像素点对应各自的像素信息，该像素信息用于指示像素点的颜色。比如，当位图图片的尺寸为40*40时，指示该位图图片的长和宽均为40px，共包含1600个像素点。放大或缩小位图图片即对放大像素点的尺寸，会造成图片内容的失真。常见的位图图片的格式有PNG、BMP和JPEG等等。图标字体：又称图片字体，本质上是一种利用几何特性描绘图片内容的矢量图标。与位图图片采用像素点描绘图片内容不同的是，图标字体采用矢量化的线条描绘图片内容。由于图片内容采用矢量表示，因此放大或缩小图标字体时，图标字体所描绘的内容不会失真。图标字体通常采用TTF(TrueTypeFont，字体文件)格式进行存储。像素尺寸：用于指示屏幕上显示的图片所占用的像素区域。比如，当图片的像素尺寸为40*40时，指示显示该图片将占用屏幕上长40px、宽40px的像素区域，共占用1600个像素点。像素尺寸通常以px为单位。请参考图1，其示出了本专利技术一个实施例提供的实施环境的示意图，该实施环境中包含服务器110和至少一个终端120。服务器110可以是应用程序的后台服务器，用于向终端120提供包含图标字体和配置信息的应用程序安装包(或补丁包)，使得终端120可以根据图标字体和配置信息在应用程序界面中绘制出相应的图片内容。服务器110是至少一台服务器、服务器集群、分布式服务器平台、云计算中心或几个服务器集群的组合。需要说明的是，服务器110还可以与个人计算机(图中未示出)相连，该个人计算机用于生成应用程序安装包(或补丁包)，并借由服务器110向各个终端120提供该应用程序安装包(或补丁包)，本专利技术实施例并不对此进行限定。服务器110与终端120之间通过有线或无线网络相连。终端120可以是智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器和膝上型便携计算机(相机、摄像机)等等。终端120用于根据服务器110提供的应用程序安装包(或补丁包)中包含的图标字体和配置信息，在应用程序界面中绘制相应的图片内容。为了方便描述，下述实施例以图片处理方法用于服务器，图片绘制方法用于终端为例进行示意性说明，并不对本专利技术构成限定。当应用程序中的图标采用位图图片进行显示时，针对不同屏幕分辨率的终端，开发人员需要为其配置不同像素尺寸的位图图片。比如，当终端A的本文档来自技高网...

【技术保护点】
一种图片处理方法，其特征在于，所述方法包括：获取位图图片；根据所述位图图片所描绘的图片内容生成n个图标字体，所述n个图标字体的全集为所述图片内容且各个图标字体采用矢量表示，n≥2；提取所述n个图标字体各自对应的配置信息，所述配置信息用于指示所述n个图标字体各自的显示效果；向终端提供所述n个图标字体和所述配置信息，所述终端用于根据所述n个图标字体和所述配置信息绘制所述图片内容。

【技术特征摘要】
1.一种图片处理方法，其特征在于，所述方法包括：获取位图图片；根据所述位图图片所描绘的图片内容生成n个图标字体，所述n个图标字体的全集为所述图片内容且各个图标字体采用矢量表示，n≥2；提取所述n个图标字体各自对应的配置信息，所述配置信息用于指示所述n个图标字体各自的显示效果；向终端提供所述n个图标字体和所述配置信息，所述终端用于根据所述n个图标字体和所述配置信息绘制所述图片内容。2.根据权利要求1所述的方法，其特征在于，所述根据所述位图图片所描绘的图片内容生成n个图标字体，包括：分析所述图片内容的颜色种类和各种颜色对应内容的形状轮廓；根据分析结果将所述位图图片划分为n个子内容块；根据所述n个子内容块生成对应的所述n个图标字体；其中，每个子内容块包含的内容对应一种颜色，且各个子内容块包含的内容在结构上相互独立。3.根据权利要求1或2所述的方法，其特征在于，所述提取所述n个图标字体各自对应的配置信息，包括：提取所述n个图标字体各自对应的字体颜色，所述字体颜色用于指示所述图标字体对应的内容在所述图片内容中的颜色；提取所述n个图标字体各自对应的位置信息，所述位置信息用于指示各个图标字体对应的内容在所述图片内容中的相对位置；提取所述n个图标字体各自对应的尺寸信息，所述尺寸信息用于指示各个图标字体对应的内容在所述图片内容中的显示尺寸；提取所述n个图标字体各自对应的图层信息，所述图层信息用于指示各个图标字体的绘制顺序；将所述字体颜色、所述位置信息、所述尺寸信息和所述图层信息中的至少一种确定为所述配置信息。4.根据权利要求1至3任一所述的方法，其特征在于，所述向终端提供所述n个图标字体和所述配置信息，包括：将所述n个图标字体打包为字体库；采用预定协议对所述配置信息进行封装；将所述字体库和封装后的所述配置信息添加到应用程序安装包；向所述终端提供所述应用程序安装包。5.根据权利要求2所述的方法，其特征在于，所述根据所述位图图片所描绘的图片内容生成n个图标字体之前，还包括：检测所述图片内容包含的颜色种类是否小于预设阈值；若所述图片内容包含的颜色种类小于所述预设阈值，则执行所述根据所述位图图片所描绘的图片内容生成n个图标字体的步骤；若所述图片内容包含的颜色种类大于所述预设阈值，则向所述终端提供所述位图图片。6.一种图片绘制方法，其特征在于，所述方法包括：加载n个图标字体，所述n个图标字体由服务器根据位图图片所描绘的图片内容生成，所述n个图标字体的全集为所述图片内容且各个图标字体采用矢量表示，n≥2；加载所述n个图标字体各自对应的配置信息，所述配置信息用于指示所述n个图标字体各自的显示效果；根据所述n个图标字体和所述配置信息绘制所述图片内容。7.根据权利要求6所述的方法，其特征在于，所述根据所述n个图标字体和所述配置信息绘制所述图片内容，包括：获取所述配置信息中包括的图层信息，所述图层信息用于指示各个图标字体的绘制顺序；绘制第i图标字体，1≤i≤n-1；根据所述图层信息所指示的绘制顺序，在绘制完成的所述第i图标字体上叠加绘制第i+1图标字体；其中，所述第i图标字体对应的图层信息所指示的绘制顺序先于所述第i+1图标字体对应的图层信息所指示的绘制顺序。8.根据权利要求7所述的方法，其特征在于，所述绘制第i图标字体，包括：获取所述第i图标字体对应的尺寸信息，所述尺寸信息用于指示图标字体对应的内容在所述图片内容中的显示尺寸；根据所述尺寸信息和终端的屏幕分辨率，计算所述第i图标字体的像素尺寸，所述像素尺寸用于指示图标字体在所述终端屏幕上所占的像素点；根据所述第i图标字体对应的位置信息、字体颜色以及所述像素尺寸，绘制所述第i图标字体，所述位置信息用于指示各个图标字体对应的内容在所述图片内容中的相对位置，所述字体颜色用于指示所述图标字体对应的内容在所述图片内容中的颜色。9.一种图片处理装置，其特征在于，所述装置包括：获取模块，用于获取位图图片；生成模块，用于根据所述位图图片所描绘的图片内容生成n个图标字体...

【专利技术属性】
技术研发人员：夏盛新，王鸿云，张兴华，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44