CN106055295B

CN106055295B - Image processing method, picture method for drafting and device

Info

Publication number: CN106055295B
Application number: CN201610349175.2A
Authority: CN
Inventors: 夏盛新; 王鸿云; 张兴华
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2016-05-24
Filing date: 2016-05-24
Publication date: 2018-11-16
Anticipated expiration: 2036-05-24
Also published as: CN106055295A

Abstract

The invention discloses a kind of image processing method, picture method for drafting and devices, belong to technical field of image processing.The image processing method includes：Obtain bitmap picture；N icon font is generated according to the discribed image content of bitmap picture, the complete or collected works of n icon font are the image content and each icon font uses vector representation, n >=2；The n corresponding configuration information of icon font is extracted, configuration information is used to indicate the n respective display effect of icon font；N icon font and configuration information are provided the terminal with, terminal is used to draw the image content according to n icon font and configuration information.The embodiment of the present invention, which has reached, only needs to provide the terminal with icon font and configuration information, terminal can draw out the image content for meeting itself screen resolution, the bitmap picture that different pixels size is configured for the terminal of different screen resolutions is avoided, to simplify configuration process.

Description

Image processing method, picture method for drafting and device

Technical field

The present embodiments relate to field of image processing, in particular to a kind of image processing method, picture method for drafting and Device.

Background technique

With the continuous development of terminal technology, the interface display effect of application program is become better and better in terminal, and applies journey The icon shown in sequence interface is usually stored in application program installation kit in the form of bitmap picture.

It include the Pixel Information of each pixel in bitmap picture, when starting application program, terminal obtains bitmap The Pixel Information of each pixel in piece, and rendered according to the Pixel Information, to show phase in Application Program Interface The icon answered.

During realizing the embodiment of the present invention, inventor has found that above-mentioned technology has at least the following problems：

It is right in order to make the icon in application program that can reach good display effect in the terminal of different resolution In same icon, need to configure the bitmap picture of different pixels size for the terminal of different resolution, configuration process is complicated.

Summary of the invention

In order to solve to need same icon to configure the bitmap of different pixels size for the terminal of different resolution Piece leads to the problem that configuration process is complex, and the embodiment of the invention provides a kind of image processing methods, picture method for drafting And device.The technical solution is as follows：

According to a first aspect of the embodiments of the present invention, a kind of image processing method is provided, this method includes：

Obtain bitmap picture；

N icon font is generated according to the discribed image content of bitmap picture, the complete or collected works of n icon font are in picture Hold and each icon font uses vector representation, n >=2；

The n corresponding configuration information of icon font is extracted, it is respective aobvious that configuration information is used to indicate n icon font Show effect；

N icon font and configuration information are provided the terminal with, terminal is used to draw according to n icon font and configuration information Image content.

According to a second aspect of the embodiments of the present invention, a kind of picture method for drafting is provided, this method includes：

N icon font is loaded, n icon font is generated by server according to the discribed image content of bitmap picture, n The complete or collected works of a icon font are the image content and each icon font uses vector representation, n >=2；

The n corresponding configuration information of icon font is loaded, it is respective aobvious that configuration information is used to indicate n icon font Show effect；

Image content is drawn according to n icon font and configuration information.

According to a third aspect of the embodiments of the present invention, a kind of picture processing unit is provided, which includes：

Module is obtained, for obtaining bitmap picture；

Generation module, for generating n icon font, n icon font according to the discribed image content of bitmap picture Complete or collected works be that the image content and each icon font use vector representation, n >=2；

Extraction module, for extracting the n corresponding configuration information of icon font, configuration information is used to indicate n figure The respective display effect of marking-up body；

First provides module, and for providing the terminal with n icon font and configuration information, terminal is used for according to n icon Font and configuration information draw image content.

According to a fourth aspect of the embodiments of the present invention, a kind of picture drawing apparatus is provided, which includes：

First loading module, for loading n icon font, n icon font is retouched by server according to bitmap picture The image content drawn generates, and the complete or collected works of n icon font are image content and each icon font uses vector representation, n >=2；

Second loading module, for loading the n corresponding configuration information of icon font, configuration information is used to indicate n A respective display effect of icon font；

Drafting module, for drawing image content according to n icon font and configuration information.

Technical solution bring beneficial effect provided in an embodiment of the present invention is：

The icon font of vector representation is used by generating several according to bitmap picture, and provides the terminal with the icon word Body and corresponding configuration information, so that according to icon font and configuration information can to draw out bitmap picture discribed for terminal Image content；It solves the bitmap picture for needing to configure different pixels size for the terminal of different resolution, leads to configuration process Complex problem；Reach and only needed to provide the terminal with icon font and configuration information, terminal, which can be drawn out, to be met The image content of itself screen resolution avoids the bitmap that different pixels size is configured for the terminal of different screen resolutions Piece, to simplify configuration process.

Detailed description of the invention

To describe the technical solutions in the embodiments of the present invention more clearly, make required in being described below to embodiment Attached drawing is briefly described, it should be apparent that, drawings in the following description are only some embodiments of the invention, for For those of ordinary skill in the art, without creative efforts, it can also be obtained according to these attached drawings other Attached drawing.

Fig. 1 is the schematic diagram of implementation environment provided by one embodiment of the present invention；

Fig. 2 is the flow chart of image processing method provided by one embodiment of the present invention；

Fig. 3 A is the flow chart for the image processing method that another embodiment of the present invention provides；

Fig. 3 B is the implementation diagram of image processing method shown in Fig. 3 A；

Fig. 3 C is the flow chart for the image processing method that further embodiment of the present invention provides；

Fig. 3 D is the flow chart for the image processing method that another embodiment of the invention provides；

Fig. 4 is the flow chart of picture method for drafting provided by one embodiment of the present invention；

Fig. 5 A is the flow chart for the picture method for drafting that another embodiment of the present invention provides；

Fig. 5 B is the flow chart of icon font drawing process involved in picture method for drafting shown in Fig. 5 A；

Fig. 5 C is the implementation diagram of image processing method shown in Fig. 5 A；

Fig. 6 is the structural block diagram of picture processing unit provided by one embodiment of the present invention；

Fig. 7 is the structural block diagram for the picture processing unit that another embodiment of the present invention provides；

Fig. 8 is the structural block diagram of picture drawing apparatus provided by one embodiment of the present invention；

Fig. 9 is the structural block diagram for the picture drawing apparatus that another embodiment of the present invention provides.

Specific embodiment

To make the object, technical solutions and advantages of the present invention clearer, below in conjunction with attached drawing to embodiment party of the present invention Formula is described in further detail.

In order to facilitate understanding, the noun occurred in the embodiment of the present invention is explained below.

Bitmap：Also known as dot chart is made of several pixels, and each pixel corresponds to respective Pixel Information, should Pixel Information is used to indicate the color of pixel.For example, indicating the bitmap picture when the size of bitmap picture is 40*40 Long and width is 40px, altogether includes 1600 pixels.Size of the bitmap picture i.e. to amplification pixel is zoomed in or out, can be made At the distortion of image content.The format of common bitmap picture has PNG, BMP and JPEG etc..

Icon font：Also known as picture font is substantially a kind of vector icon using geometrical property describe picture reference content. Unlike using pixel describe picture reference content from bitmap picture, icon font is using in the lines describe picture reference of vector quantization Hold.Since image content uses vector representation, when zooming in or out icon font, the discribed content of icon font will not Distortion.Icon font generallys use TTF (TrueTypeFont, font file) format and is stored.

Pixel Dimensions：It is used to indicate the occupied pixel region of the picture shown on screen.For example, working as the pixel ruler of picture It is very little be 40*40 when, instruction show the picture will occupy screen on long 40px, width 40px pixel region, altogether occupancy 1600 pictures Vegetarian refreshments.Pixel Dimensions are usually as unit of px.

Referring to FIG. 1, it illustrates the schematic diagram of implementation environment provided by one embodiment of the present invention, in the implementation environment Include server 110 and at least one terminal 120.

Server 110 can be the background server of application program, for providing comprising icon font and matching to terminal 120 The application program installation kit (or service packs) of confidence breath, is applying terminal 120 according to icon font and configuration information Corresponding image content is drawn out in program interface.Server 110 is an at least server, server cluster, distributed clothes The combination of business device platform, cloud computing center or several server clusters.It should be noted that server 110 can also be with individual Computer (not shown) is connected, which is used to generate application program installation kit (or service packs), and by clothes Device 110 be engaged in each terminal 120 offer application program installation kit (or service packs), the embodiment of the present invention is limited not to this It is fixed.

It is connected between server 110 and terminal 120 by wired or wireless network.

Terminal 120 can be smart phone, tablet computer, MP3 player (Moving Picture Experts Group Audio Layer III, dynamic image expert's compression standard audio level 3), MP4 (Moving Picture Experts Group Audio Layer IV, dynamic image expert's compression standard audio level 4) player and pocket computer on knee (camera, video camera) etc..Packet in the application program installation kit (or service packs) that terminal 120 is used to be provided according to server 110 The icon font and configuration information contained, draws corresponding image content in Application Program Interface.

For the convenience of description, following embodiments are used for server with image processing method, picture method for drafting is used for terminal For schematically illustrated, limiting the invention.

When the icon in application program is shown using bitmap picture, for the terminal of different screen resolutions, open Hair personnel need to configure the bitmap picture of different pixels size for it.For example, when the screen resolution of terminal A is 540*360, Developer configures the bitmap picture of 40*40 Pixel Dimensions for it；When the screen resolution of terminal B is 1080*720, if still The old bitmap picture that 40*40 Pixel Dimensions are configured for it, then the display size of the bitmap picture corresponding icon is too small；If directly will The Pixel Dimensions of the bitmap picture are enlarged into 80*80, and the edge of the bitmap picture will deform (icon distortion), influence display effect Fruit, therefore, developer need to repaint the bitmap picture of 80*80 Pixel Dimensions for terminal B, so that terminal B should in display Reach preferable display effect when bitmap picture.

Although can be in certain journey by the bitmap picture that the terminal for different screen resolutions configures different pixels size Icon display effect is solved the problems, such as on degree, still, since the screen resolution of terminal is many kinds of, leads to application icon Configuration process is complex.

In order to reduce the complexity of application icon configuration process, while guaranteeing application program image target display effect, The embodiment of the invention provides a kind of image processing methods, pass through the image processing method, it is no longer necessary to configure different pixels ruler Very little bitmap picture, it is only necessary to provide the terminal with unified icon font and corresponding configuration information, terminal can be according to this Icon font and configuration information draw out the discribed image content of bitmap picture.It is said below using schematical embodiment It is bright.

Referring to FIG. 2, it illustrates the flow chart of image processing method provided by one embodiment of the present invention, the present embodiment It is illustrated so that the image processing method is for the server 110 in Fig. 1 as an example, this method includes：

Step 201, bitmap picture is obtained.

Server obtains the corresponding bitmap picture of icon to be shown, can be monochromatic bitmap picture in the bitmap picture, It is also possible to colorful bitmap picture (i.e. the discribed content of bitmap picture includes multiple color).

Step 202, n icon font, the complete or collected works of n icon font are generated according to the discribed image content of bitmap picture For the image content and each icon font uses vector representation, n >=2.

Server generates the corresponding n icon font of the bitmap picture according to the discribed image content of bitmap picture, In, each icon font is all made of vector representation, for passing through the lines in vector describe picture reference content, and each icon font The complete or collected works of described content are the image content.

It should be noted that being had according to the quantity of icon font that image content generates with the complexity of the image content It closes, the complexity of image content is higher, and the number of the icon font of generation is more, and the complexity of image content is lower, generation The number of icon font is fewer, and the embodiment of the present invention is not defined the number of the icon font of generation.

Step 203, the n corresponding configuration information of icon font is extracted, which is used to indicate n icon word The respective display effect of body.

After generating the corresponding icon font of bitmap picture, it is corresponding that server extracts each icon font from image content Configuration information, the configuration information are used to indicate the display color of each icon font, display size and display position etc..

Step 204, n icon font and configuration information are provided the terminal with, terminal is used for according to n icon font and configuration Information draws image content.

Server can in the form of application program installation kit or application program service packs, provide the terminal with icon font and Corresponding configuration information.

Since icon font uses vector representation, no matter amplifying meeting reduction operation, the icon word to the icon font The discribed content of body will not be distorted, therefore in the picture drawn out according to the icon font and configuration information that receive of terminal Appearance can reach preferable display effect.

In conclusion image processing method provided in this embodiment, by generating several using arrow according to bitmap picture The icon font indicated is measured, and provides the terminal with the icon font and corresponding configuration information, so that terminal is according to icon word Body and configuration information can draw out the discribed image content of bitmap picture；It solves and needs to match for the terminal of different resolution The bitmap picture for setting different pixels size, leads to the problem that configuration process is complex；Reach and has only needed to provide the terminal with figure Marking-up body and configuration information, terminal can draw out the image content for meeting itself screen resolution, avoid as different screens The bitmap picture of the terminal configuration different pixels size of curtain resolution ratio, to simplify configuration process.

Since single icon font can only be depicted as solid color, when including in the discribed image content of bitmap picture When multiple color, server can be analyzed the discribed image content of bitmap picture, analyze the color of the image content The shape contour of type and various colors corresponding content, and further according to the color category and shape contour by the bitmap picture Different sub- content blocks are divided into, to generate corresponding icon font.

Fig. 3 A is please referred to, it illustrates the flow chart for the image processing method that another embodiment of the present invention provides, this realities It applies example to be illustrated so that the image processing method is for the server 110 in Fig. 1 as an example, this method includes：

Step 301, bitmap picture is obtained.

Server obtains the corresponding bitmap picture of icon to be shown, and the pixel comprising each pixel is believed in the bitmap picture Breath.

For example, as shown in Figure 3B, server gets the corresponding bitmap picture 31 of icon to be shown, the picture of the bitmap picture Element is 20px (accounting for 20 pixels) having a size of 20*20, the i.e. length of bitmap picture and width.

Step 302, the shape contour of the Color Color type of analysis picture content and various colors corresponding content.

Since when carrying out image content drafting, single icon font can only be depicted as solid color, therefore, work as bitmap When picture is colorful bitmap picture, server need according to the Color Color type of colorful bitmap picture institute describe picture reference content and The shape contour of various colors corresponding content is divided into the icon font of several solid colors.

After server gets bitmap picture, which is analyzed, analysis obtains The Color Color type of the image content and the shape contour of various colors corresponding content.Wherein, in color category instruction picture The corresponding display color of each section in appearance.

In a kind of possible embodiment, server can extract the pixel letter of each pixel in bitmap picture It ceases, and determines the color category of the image content according to the pixel color in the Pixel Information；Meanwhile server can be to figure Piece content carries out outline identification, comprising modules relatively independent in image content is identified, so that it is determined that various colors corresponding content Shape contour.

For example, as shown in Figure 3B, server carries out outline identification (analysis picture content to the image content of bitmap picture 31 Composed structure), identify in image content include V-structure 311 and shield type structure 312, meanwhile, server is according to bitmap The Pixel Information (analysis color is constituted) of each pixel, identifies that V-structure 311 is the first color, shield type structure in piece 31 312 the second colors.

Step 303, bitmap picture is divided into n sub- content blocks based on the analysis results.

Server draws bitmap picture according to the shape contour of analysis obtained color category and various colors corresponding content It is divided into several sub- content blocks, wherein the content that every sub- content blocks include is made of a kind of color, and each sub- content blocks include Content it is mutually indepedent in structure.

For example, as shown in Figure 3B, server identifies in bitmap picture 31, be shown as the V-structure 311 of the first color with And it is shown as the shield type structure 312 of the second color, so that bitmap picture is divided into 2 sub- content blocks, wherein the first sub- content Include V-structure 311 in block, includes shield type structure 312 in the second sub- content blocks.

It should be noted that the present embodiment is only schematically illustrated by taking above-mentioned division mode as an example, not to the present invention It constitutes and limits.

Step 304, corresponding n icon font is generated according to n sub- content blocks.

After the division for completing sub- content blocks, server generates corresponding icon font, the icon font according to sub- content blocks Discribed content includes the content described in each sub- content blocks, and icon font uses vector to the line for including in content Item, which is described, (uses the geometric graphs based on math equation such as point, straight line or the polygon in computer graphics to carry out It indicates).

In a kind of possible embodiment, it is previously provided with icon fontlib in server, is wrapped in the icon fontlib Containing several preconfigured default icon fonts.After bitmap picture is divided into several sub- content blocks by server, i.e., at this Searched whether in icon fontlib exist with sub- content blocks (described content) matched default icon font, if it exists and in son Hold the default icon font of Block- matching, then directly utilizes the default icon font；If it does not exist with the matched default of sub- content blocks Icon font is then distributed according to the pixel of the described content of sub- content, automatically generates corresponding icon font.

For example, as shown in Figure 3B, server generates icon font 32 according to the first sub- content blocks, according to the second sub- content blocks Generate icon font 33, wherein the icon font 32 and 33 is all made of ttf format and is stored.

It should be noted is that server can use the icon word of icomoon, fontello or iconfont one kind Body tools generate the corresponding icon font of bitmap picture, can also be generated by developer according to bitmap picture hand drawn Corresponding icon font, the present embodiment are defined not to this.

It needs to illustrate on the other hand, when in Application Program Interface including multiple icons, server needs are repeated Above-mentioned steps 301 304, each icon in Application Program Interface is converted into the combination of icon font and configuration information.

Step 305, the n corresponding configuration information of icon font is extracted.

Several icon fonts are generated according to bitmap picture with the consistent display effect of bitmap picture, server in order to reach Afterwards, further extract each corresponding configuration information of icon font, the configuration information include icon font font color, Location information, dimension information and map data mining platform etc..

In a kind of possible examination embodiment, as shown in Figure 3 C, this step includes the following steps.

Step 305A, extracts the n corresponding font color of icon font, and font color is used to indicate icon font pair Color of the content answered in image content.

Color of the sub- content blocks in bitmap picture is corresponded to according to each icon font, server extracts n icon font Corresponding font color, subsequent terminal are the color rendering that icon font is carried out according to the font color.

For example, terminal determines that icon font 32 is corresponding according to the color of each sub- the described content of content blocks in Fig. 3 B Font color is the first color, and the corresponding font color of icon font 33 is the second color.

Step 305B, extracts the n corresponding location information of icon font, and location information is used to indicate each icon word Relative position of the corresponding content of body in image content.

Due to mutually indepedent between the corresponding content of n icon font, drawn in order to facilitate the combination of subsequent figure marking-up body, Server needs further to extract the location information of each icon font, which can indicate icon font corresponding content With the relative position of specified reference point in image content (such as left upper apex), each icon font corresponding content can also indicate that Between left and right and/or between the upper and lower away from.Wherein, when the location information instruction icon font corresponding content between left and right and/or Between the upper and lower away from when, which is indicated using dip (device independent pixels, equipment independent pixel).

Step 305C, extracts the n corresponding dimension information of icon font, and dimension information is used to indicate each icon word Display size of the corresponding content of body in image content.

Using vector representation icon font can arbitrarily zoom and it is undistorted, therefore, server can be according to pre- If dimension information, display size of the corresponding content of each icon font in image content is set.In order to make the figure of display Marking-up body can adapt to the terminal of different screen resolutions, which is indicated using dip rather than is carried out using pixel It indicates, wherein in the terminal of 160dpi (dots per inch, per inch pixel), 1dip=1px, in the terminal of 320dpi In, 1dip=2px.

It should be noted that different dimension informations can also be arranged for the terminal of different screen resolutions in server, from And reaching better display effect, the present embodiment is defined not to this.

For example, the dimension information of icon font 32 is 20*20 (unit in Fig. 3 B：Dip), the size letter of icon font 33 Breath is also 20*20.

Step 305D, extracts the n corresponding map data mining platform of icon font, and map data mining platform is used to indicate each icon word The drawing order of body.

It since terminal is when carrying out the drafting of icon font, needs to be overlapped drafting to several icon fonts, if drawing Mistake occurs for sequence, and upper layer icon font will cover the partial content of lower layer's icon font.Therefore, in order to avoid drawing order Image content caused by mistake covers, and server needs to further determine that the drawing order of n icon font of generation, and root Each corresponding map data mining platform of icon font is determined according to the drawing order.

For example, the length of icon font 32 and icon font 33 is 20dip in Fig. 3 B, and icon font 32 and icon word The font color of body 33 is different, if icon font 33 is drawn before icon font 32, the edge of icon font 32 (upper layer) will Covering part icon font 33 (lower layer).Therefore, in order to avoid icon font 33 is capped, server determines icon font 32 Map data mining platform is 1, and the map data mining platform of icon font 33 is 2, i.e. the drawing order of icon font is：Icon font 32 is first drawn, Then icon font 33 is drawn.

At least one of font color, location information, dimension information and map data mining platform are determined as configuring by step 305E Information.

At least one of font color, location information, dimension information and map data mining platform are determined as with confidence by server Breath, and stored.Schematically, the configuration information of icon font is as shown in Table 1.

Table one

Icon font ID	Map data mining platform	Font color	Dimension information	Location information
					Icon font 32	1	First color	20*20	Position 1
Icon font 33	2	Second color	20*20	Position 2

Wherein, due to including multiple icons in application program, the icon number of fonts generated is more, in order to avoid figure The generation of marking-up body is obscured, the unique mark (i.e. picture font ID) of icon font distribution that server also needs for generation, side Just terminal carries out the lookup and drafting of icon font according to the icon font ID.

Step 306, n icon font is packaged as fontlib.

After generating several icon fonts and configuration information according to bitmap picture, server is packaged icon font, raw At corresponding fontlib, i.e. comprising each icon font by the generation of above-mentioned steps 301 to 304 in the fontlib.Due to figure Marking-up body is stored using ttf format, and terminal supports the load of custom font, and therefore, terminal gets application program After fontlib in installation kit, the load of fontlib can be smoothly completed, avoids compatibility issue, and loading velocity is very fast.

Step 307, configuration information is packaged using predetermined protocol.

Server uses predetermined protocol format, is packaged, enables the terminal to the corresponding configuration information of icon font Smoothly load configuration information, avoids compatibility issue.

Step 308, the configuration information after fontlib and encapsulation is added to application program installation kit.

After the packing and configuration information encapsulation of completing fontlib, server adds the configuration information after fontlib and encapsulation To application program installation kit.In compared to the prior art, bitmap picture is added to application program installation kit, by fontlib and is matched Confidence breath, which is added to application program installation kit, can significantly reduce the size of installation kit.

Step 309, application program installation kit is provided the terminal with.

When terminal request installs application program, server provides the terminal with application program installation kit, to make terminal The installation of application program is carried out according to the installation kit.

It should be noted that in other possible embodiments, server can also be by ICP/IP protocol to terminal Real-time Transmission fontlib and configuration information, the present embodiment are defined not to this.

In the present embodiment, replace original bitmap picture using icon font and corresponding configuration information, and be wrapped into It is added in application program installation kit, reduces the size of application program installation kit, so that application program installs more lightweight, And further increase the loading velocity of icon in application program.

In the present embodiment, server is raw according to the color category of image content and the shape contour of various colors corresponding content At several icon fonts, and according to image content determine the corresponding font color of icon font, location information, dimension information and Map data mining platform facilitates terminal to carry out subsequent image content drafting, improves the accuracy of drafting.

It further include following steps after above-mentioned steps 301 as shown in Figure 3D based on image processing method shown in Fig. 3 A：

Step 310, whether the color category that detection image content includes is less than preset threshold.

For the bitmap picture that color is excessively complicated, the difficulty for generating icon font according to bitmap picture is higher, and generates Icon font quantity it is excessive, correspondingly, the data volume that icon font corresponds to configuration information is also relatively large, be unfavorable for terminal Load and drafting.Therefore, after server gets bitmap picture, the color that bitmap picture institute describe picture reference content includes is counted Type, when the color category is less than preset threshold (such as 5 kinds), server executes above-mentioned steps 302 to step 305, generates Icon font and configuration information；When the color category is greater than preset threshold, server directly provides the terminal with the bitmap picture, Execute step 311.

Step 311, if the color category that image content includes is greater than preset threshold, bitmap picture is provided the terminal with.

If the color category that image content includes is greater than preset threshold, server, which will directly change bitmap picture and be added to, is answered With in program installation kit, and it is supplied to terminal.

Different, this hair of image content drafting is carried out according to the Pixel Information of pixel each in bitmap picture from existing terminal In bright embodiment, what is provided the terminal with due to server is several icon fonts and configuration information, terminal passes through load The icon font and configuration information, and corresponding image content is drawn with this, it is illustrated below using one embodiment.

Referring to FIG. 4, it illustrates the flow chart of picture method for drafting provided by one embodiment of the present invention, the present embodiment It is illustrated so that the picture method for drafting is for the terminal 120 in Fig. 1 as an example, this method includes：

Step 401, n icon font is loaded, n icon font is by server according in the discribed picture of bitmap picture Hold and generate, the complete or collected works of n icon font are image content and each icon font uses vector representation, n >=2.

In a kind of possible embodiment, terminal obtains application program installation kit from server, and loads the application Icon font in program installation kit.Wherein, each icon font is all made of vector representation.

Step 402, the n corresponding configuration information of icon font is loaded, configuration information is used to indicate n icon font Respective display effect.

Each icon font corresponds to respective configuration information, the configuration information be used to indicate icon font display color, Display size and display position etc..Terminal matches confidence in loading application programs installation kit while loading figure marking-up body Breath.

Step 403, image content is drawn according to n icon font and configuration information.

Terminal draws out corresponding image content according to the icon font and configuration information of load, and on the screen into Row display.

In conclusion picture method for drafting provided in this embodiment, by generating several using arrow according to bitmap picture The icon font indicated is measured, and provides the terminal with the icon font and corresponding configuration information, so that terminal is according to icon word Body and configuration information can draw out the discribed image content of bitmap picture；It solves and needs to match for the terminal of different resolution The bitmap picture for setting different pixels size, leads to the problem that configuration process is complex；Reach and has only needed to provide the terminal with figure Marking-up body and configuration information, terminal can draw out the image content for meeting itself screen resolution, avoid as different screens The bitmap picture of the terminal configuration different pixels size of curtain resolution ratio, to simplify configuration process.

After the complete icon font of terminal loads and configuration information, the drafting mode drawn using superposition is superimposed since bottom Each icon font is drawn, complete image content is finally obtained.It is illustrated below using one embodiment.

5A is please referred to, it illustrates the flow chart for the picture method for drafting that another embodiment of the present invention provides, this implementations Example is illustrated so that the picture method for drafting is for the terminal 120 in Fig. 1 as an example, and this method includes：

Step 501, n icon font is loaded, n icon font is by server according in the discribed picture of bitmap picture Hold and generate, the complete or collected works of n icon font are image content and each icon font uses vector representation, n >=2.

In a kind of possible embodiment, when terminal is Android device, terminal is obtained from server using journey After sequence installation kit, the fontlib in the application program installation kit is loaded by the TypeFace tool-class that android system provides, It include the icon font generated according to bitmap picture in the fontlib.Wherein, each icon font is all made of vector representation.

Since the icon font in the fontlib is stored using ttf format, the speed of the terminal loads fontlib is more Fastly (compared to load bitmap picture).

Step 502, the n corresponding configuration information of icon font is loaded, configuration information is used to indicate n icon font Respective display effect.

While loading figure marking-up body, the corresponding configuration information of server loading figure marking-up body, the configuration information is used In display effect of the instruction icon font in image content.Wherein, which includes font color, location information, ruler At least one of very little information and map data mining platform.Since the configuration information is packaged using predetermined protocol, terminal can The load to configuration information is rapidly completed, avoids compatibility issue.

For example, the configuration information that server is loaded into is as shown in above-mentioned table one.

It should be noted that can carry out load when terminal loads fontlib or configuration information fail and retry, it is secondary when retrying When number reaches threshold value, then default picture acquisition request is sent to server, request default picture simultaneously carries out loaded and displayed, should Default picture can be defined for polar plot picture or bitmap picture, the present embodiment not to this.

Step 503, the map data mining platform for including in configuration information is obtained, map data mining platform is used to indicate drawing for each icon font System sequence.

Terminal is when drawing icon font, it then follows the drawing order of icon font, the drawing order pass through configuration information In map data mining platform indicate.

For example, the map data mining platform that terminal from configuration information shown in table one, gets icon font 32 is 1, get The map data mining platform of icon font 33 is 2, i.e. icon font 32 is drawn before icon font 33.

Step 504, the i-th icon font, 1≤i≤n-1 are drawn.

After the drawing order for determining each icon font, terminal is drawn one by one according to the other information for including in configuration information Icon font, in a kind of possible embodiment, as shown in Figure 5 B, this step includes the following steps.

Step 504A obtains the corresponding dimension information of the i-th icon font, and it is corresponding that dimension information is used to indicate icon font Display size of the content in image content.

Icon font uses vector representation, can carry out method or diminution according to specific display size.In configuration information Comprising the corresponding dimension information of each icon font, which indicates the corresponding content of icon font in image content Display size, wherein the dimension information is indicated using dip.

For example, terminal from a kind of dimension information for getting icon font 34 of table be 20*20.

Step 504B calculates the Pixel Dimensions of the i-th icon font according to the screen resolution of dimension information and terminal, as Plain size is used to indicate icon font shared pixel on a terminal screen.

After the dimension information for getting icon font, terminal, which is calculated according to itself screen resolution and screen size, shields Curtain dpi, and the icon font calculated according to screen dpi and dimension information shared pixel (calculates on a terminal screen Pixel Dimensions).

For example, when screen dpi be 160, and the dimension information of icon font be 20*10 when, the corresponding pixel of icon font Size is 20* (160/160)=20px and 10* (160/160)=10px；When screen dpi is 320, and icon font When dimension information is 20*10, the corresponding Pixel Dimensions of icon font are 20* (320/160)=40px and 10* (320/ 160)=20px.

By the above method, terminal is zoomed in or out icon font, according to itself screen resolution so that figure Pixel Dimensions shared by marking-up body meet itself screen, to reach good display effect.

Step 504C draws the i-th figure according to the corresponding location information of the i-th icon font, font color and Pixel Dimensions Marking-up body, location information are used to indicate relative position of the corresponding content of each icon font in image content, font color It is used to indicate color of the corresponding content of icon font in image content.

After the Pixel Dimensions for determining the i-th icon font, terminal further according to the location information of the i-th icon font, is determined Relative position of the i-th icon font in image content；According to the font color of the i-th icon font, the i-th icon font is carried out Color rendering, to draw out the i-th icon font on a terminal screen.

Step 505, the drawing order according to indicated by map data mining platform is superimposed in the i-th icon font completed and draws I+1 icon font processed.

After the drafting for completing the i-th icon font, terminal drawing order according to indicated by map data mining platform, what is completed In i-th icon font, i+1 icon font is drawn in superposition, wherein is drawn indicated by the corresponding map data mining platform of the i-th icon font Drawing order indicated by system sequence map data mining platform corresponding prior to i+1 icon font.

The process for drawing i+1 icon font is similar to the process of the i-th icon font is drawn, and details are not described herein.

For example, as shown in Figure 5 C, terminal drawing order according to indicated by map data mining platform, first to (the V-type knot of icon font 51 Structure) it is drawn, and icon font 52 (shield type structure) is drawn in superposition in icon font 51, to draw out complete picture Content 53.

In the present embodiment, terminal drawing order according to indicated by map data mining platform in configuration information carries out the folded of icon font Add drafting, guarantee that the image content drawn out is consistent with bitmap picture, improves the accuracy of picture drafting.

Image content drafting, in the present embodiment, terminal root are carried out compared to according to pixel information each in bitmap picture Image content drafting is carried out according to icon font and configuration information, draws speed faster, and draw out the display effect of image content More preferably.

It is following that the details of description not detailed in Installation practice can be referred to above-mentioned for apparatus of the present invention embodiment One-to-one embodiment of the method.

Referring to FIG. 6, it illustrates the structural block diagrams of picture processing unit provided by one embodiment of the present invention.The figure The all or part being implemented in combination with as server 110 in Fig. 1 that piece treating apparatus passes through hardware or software and hardware.The figure Piece treating apparatus includes：

Module 610 is obtained, for obtaining bitmap picture；

Generation module 620, for generating n icon font, the n according to the discribed image content of the bitmap picture The complete or collected works of a icon font are the image content and each icon font uses vector representation, n >=2；

Extraction module 630, for extracting the corresponding configuration information of n icon font, the configuration information is used In the instruction respective display effect of n icon font；

First provides module 640, for providing the terminal with the n icon font and the configuration information, the terminal For drawing the image content according to the n icon font and the configuration information.

In conclusion picture processing unit provided in this embodiment, by generating several using arrow according to bitmap picture The icon font indicated is measured, and provides the terminal with the icon font and corresponding configuration information, so that terminal is according to icon word Body and configuration information can draw out the discribed image content of bitmap picture；It solves and needs to match for the terminal of different resolution The bitmap picture for setting different pixels size, leads to the problem that configuration process is complex；Reach and has only needed to provide the terminal with figure Marking-up body and configuration information, terminal can draw out the image content for meeting itself screen resolution, avoid as different screens The bitmap picture of the terminal configuration different pixels size of curtain resolution ratio, to simplify configuration process.

Referring to FIG. 7, the structural block diagram of the picture processing unit provided it illustrates another embodiment of the present invention.It should The all or part being implemented in combination with as server 110 in Fig. 1 that picture processing unit passes through hardware or software and hardware.It should Picture processing unit includes：

Module 710 is obtained, for obtaining bitmap picture；

Generation module 720, for generating n icon font, the n according to the discribed image content of the bitmap picture The complete or collected works of a icon font are the image content and each icon font uses vector representation；

Extraction module 730, for extracting the corresponding configuration information of n icon font, the configuration information is used In the instruction respective display effect of n icon font；

First provides module 740, for providing the terminal with the n icon font and the configuration information, the terminal For drawing the image content according to the n icon font and the configuration information.

Optionally, generation module 720, including：

Analytical unit 721, for analyzing the color category of the image content and the shaped wheel of various colors corresponding content It is wide；

Division unit 722, for the bitmap picture to be divided into n sub- content blocks based on the analysis results；

Generation unit 723, for generating the corresponding n icon font according to the n sub- content blocks；

Wherein, the content that every sub- content blocks include corresponds to a kind of color, and the content that each sub- content blocks include is being tied It is mutually indepedent on structure.

Optionally, extraction module 730, including：

First extraction unit 731, for extracting the corresponding font color of n icon font, the font face Color is used to indicate color of the corresponding content of the icon font in the image content；

Second extraction unit 732, for extracting the corresponding location information of n icon font, the position letter Breath is used to indicate relative position of the corresponding content of each icon font in the image content；

Third extraction unit 733, for extracting the corresponding dimension information of n icon font, the size letter Breath is used to indicate display size of the corresponding content of each icon font in the image content；

4th extraction unit 734, for extracting the corresponding map data mining platform of n icon font, the figure layer letter Breath is used to indicate the drawing order of each icon font；

Determination unit 735, for believing the font color, the location information, the dimension information and the figure layer At least one of breath is determined as the configuration information.

Optionally, first module 740 is provided, including：

Packaged unit 741, for the n icon font to be packaged as fontlib；

Encapsulation unit 742, for being packaged using predetermined protocol to the configuration information；

Adding unit 743, for the configuration information after the fontlib and encapsulation to be added to application program installation Packet；

Unit 744 is provided, for providing the application program installation kit to the terminal.

Optionally, the device further includes：

Detection module 750, for detecting whether the color category that the image content includes is less than preset threshold；

The generation module 720, if being also used to the color category that the image content includes is less than the preset threshold, Execute described the step of n icon font is generated according to the bitmap picture discribed image content；

Second provides module 760, if the color category for the image content to include is greater than the preset threshold, to The terminal provides the bitmap picture.

Referring to FIG. 8, it illustrates the structural block diagrams of picture drawing apparatus provided by one embodiment of the present invention.The figure The all or part being implemented in combination with as terminal 120 in Fig. 1 that piece drawing apparatus passes through hardware or software and hardware.The picture Drawing apparatus includes：

First loading module 810, for loading n icon font, the n icon font is by server according to bitmap The discribed image content of piece generates, and the complete or collected works of the n icon font are the image content and each icon font uses Vector representation, n >=2；

Second loading module 820, it is described to match confidence for loading the corresponding configuration information of n icon font Breath is used to indicate the respective display effect of n icon font；

Drafting module 830, for drawing the image content according to the n icon font and the configuration information.

In conclusion picture drawing apparatus provided in this embodiment, by generating several using arrow according to bitmap picture The icon font indicated is measured, and provides the terminal with the icon font and corresponding configuration information, so that terminal is according to icon word Body and configuration information can draw out the discribed image content of bitmap picture；It solves and needs to match for the terminal of different resolution The bitmap picture for setting different pixels size, leads to the problem that configuration process is complex；Reach and has only needed to provide the terminal with figure Marking-up body and configuration information, terminal can draw out the image content for meeting itself screen resolution, avoid as different screens The bitmap picture of the terminal configuration different pixels size of curtain resolution ratio, to simplify configuration process.

Referring to FIG. 9, the structural block diagram of the picture drawing apparatus provided it illustrates another embodiment of the present invention.It should The all or part being implemented in combination with as terminal 120 in Fig. 1 that picture drawing apparatus passes through hardware or software and hardware.The figure Piece drawing apparatus includes：

First loading module 910, for loading n icon font, the n icon font is by server according to bitmap The discribed image content of piece generates, and the complete or collected works of the n icon font are the image content and each icon font uses Vector representation, n >=2；

Second loading module 920, it is described to match confidence for loading the corresponding configuration information of n icon font Breath is used to indicate the respective display effect of n icon font；

Drafting module 930, for drawing the image content according to the n icon font and the configuration information.

Optionally, drafting module 930, including：

Acquiring unit 931, for obtaining the map data mining platform for including in the configuration information, the map data mining platform is used to indicate The drawing order of each icon font；

First drawing unit 932, for drawing the i-th icon font, 1≤i≤n-1；

Second drawing unit 933, for the drawing order according to indicated by the map data mining platform, described in completing I+1 icon font is drawn in superposition in i-th icon font；

Wherein, drawing order indicated by the corresponding map data mining platform of the i-th icon font is prior to the i+1 icon word Drawing order indicated by the corresponding map data mining platform of body.

Optionally, the first drawing unit 932, including：

Subelement 932A is obtained, for obtaining the corresponding dimension information of the i-th icon font, the dimension information is used for Indicate display size of the corresponding content of icon font in the image content；

Computation subunit 932B calculates i-th icon for the screen resolution according to the dimension information and terminal The Pixel Dimensions of font, the Pixel Dimensions are used to indicate icon font pixel shared on the terminal screen；

Subelement 932C is drawn, for according to the corresponding location information of the i-th icon font, font color and described Pixel Dimensions, draw the i-th icon font, and the location information is used to indicate the corresponding content of each icon font described Relative position in image content, the font color are used to indicate the corresponding content of the icon font in the image content In color.

It should be noted that：Picture processing provided by the above embodiment and picture drawing apparatus, only with above-mentioned each function mould The division progress of block can according to need and for example, in practical application by above-mentioned function distribution by different functional modules Complete, i.e., the internal structure of server and terminal be divided into different functional modules, with complete it is described above whole or Partial function.In addition, picture processing unit provided by the above embodiment and image processing method embodiment belong to same design, scheme Piece drawing apparatus and picture method for drafting embodiment belong to same design, and specific implementation process is detailed in embodiment of the method, here It repeats no more.

It should be understood that it is used in the present context, unless the context clearly supports exceptions, singular " one It is a " (" a ", " an ", " the ") be intended to also include plural form.It is to be further understood that "and/or" used herein is Refer to any and all possible combinations including one or more than one project listed in association.

The serial number of the above embodiments of the invention is only for description, does not represent the advantages or disadvantages of the embodiments.

Those of ordinary skill in the art will appreciate that realizing that all or part of the steps of above-described embodiment can pass through hardware It completes, relevant hardware can also be instructed to complete by program, the program can store in a kind of computer-readable In storage medium, storage medium mentioned above can be read-only memory, disk or CD etc..

The foregoing is merely presently preferred embodiments of the present invention, is not intended to limit the invention, it is all in spirit of the invention and Within principle, any modification, equivalent replacement, improvement and so on be should all be included in the protection scope of the present invention.

Claims

1. a kind of image processing method, which is characterized in that the method includes：

Obtain bitmap picture；

N icon font is generated according to the discribed image content of the bitmap picture, the complete or collected works of the n icon font are institute It states image content and each icon font is using vector representation, n >=2；

The corresponding configuration information of n icon font is extracted, the configuration information is used to indicate the n icon font Respective display effect；

Application program installation kit is provided the terminal with, the application program installation kit includes the n icon font and the configuration Information, the terminal are used to draw the image content according to the n icon font and the configuration information.

2. the method according to claim 1, wherein described according to the discribed image content of bitmap picture N icon font is generated, including：

Analyze the color category of the image content and the shape contour of various colors corresponding content；

The bitmap picture is divided into n sub- content blocks based on the analysis results；

The corresponding n icon font is generated according to the n sub- content blocks；

Wherein, the content that every sub- content blocks include corresponds to a kind of color, and the content that each sub- content blocks include is in structure Independently of each other.

3. matching the method according to claim 1, wherein the extraction n icon font is corresponding Confidence breath, including：

The corresponding font color of n icon font is extracted, the font color is used to indicate the icon font pair Color of the content answered in the image content；

The corresponding location information of n icon font is extracted, the location information is used to indicate each icon font pair Relative position of the content answered in the image content；

The corresponding dimension information of n icon font is extracted, the dimension information is used to indicate each icon font pair Display size of the content answered in the image content；

The corresponding map data mining platform of n icon font is extracted, the map data mining platform is used to indicate each icon font Drawing order；

At least one of the font color, the location information, the dimension information and described map data mining platform are determined as The configuration information.

4. according to the method described in claim 2, it is characterized in that, described extract that the n icon font is corresponding to match Confidence breath, including：

5. method according to any one of claims 1 to 4, which is characterized in that it is described to provide the terminal with application program installation kit, Including：

The n icon font is packaged as fontlib；

The configuration information is packaged using predetermined protocol；

The configuration information after the fontlib and encapsulation is added to application program installation kit；

The application program installation kit is provided to the terminal.

6. according to the method described in claim 2, it is characterized in that, described according to the discribed image content of bitmap picture Before generating n icon font, further include：

Detect whether the color category that the image content includes is less than preset threshold；

If the color category that the image content includes is less than the preset threshold, execute described according to the bitmap picture institute The image content of description generates the step of n icon font；

If the color category that the image content includes is greater than the preset threshold, the bitmap is provided to the terminal Piece.

7. a kind of picture method for drafting, which is characterized in that the method includes：

N icon font is loaded from the application program installation kit that server provides, the application journey installation kit includes the n Icon font and the corresponding configuration information of n icon font, the n icon font is by server according to bitmap The discribed image content of piece generates, and the complete or collected works of the n icon font are the image content and each icon font uses Vector representation, the configuration information are used to indicate the respective display effect of n icon font, n >=2；

Load the corresponding configuration information of n icon font；

The image content is drawn according to the n icon font and the configuration information.

8. the method according to the description of claim 7 is characterized in that described according to the n icon font and described with confidence Breath draws the image content, including：

The map data mining platform for including in the configuration information is obtained, the drafting that the map data mining platform is used to indicate each icon font is suitable Sequence；

Draw the i-th icon font, 1≤i≤n-1；

According to drawing order indicated by the map data mining platform, superposition draws i-th in the i-th icon font completed + 1 icon font；

Wherein, drawing order indicated by the corresponding map data mining platform of the i-th icon font is prior to the i+1 icon font pair Drawing order indicated by the map data mining platform answered.

9. according to the method described in claim 8, it is characterized in that, the i-th icon font of the drafting, including：

The corresponding dimension information of the i-th icon font is obtained, the dimension information is used to indicate the corresponding content of icon font Display size in the image content；

According to the screen resolution of the dimension information and terminal, the Pixel Dimensions of the i-th icon font, the pixel are calculated Size is used to indicate icon font pixel shared on the terminal screen；

According to the corresponding location information of the i-th icon font, font color and the Pixel Dimensions, i-th figure is drawn Marking-up body, the location information are used to indicate relative position of the corresponding content of each icon font in the image content, The font color is used to indicate color of the corresponding content of the icon font in the image content.

10. a kind of picture processing unit, which is characterized in that described device includes：

Module is obtained, for obtaining bitmap picture；

Generation module, for generating n icon font, the n icon according to the discribed image content of the bitmap picture The complete or collected works of font are the image content and each icon font uses vector representation, n >=2；

Extraction module, for extracting the corresponding configuration information of n icon font, the configuration information is used to indicate institute State the n respective display effect of icon font；

First provides module, and for providing the terminal with application program installation kit, the application program installation kit includes the n figure Marking-up body and the configuration information, the terminal are used to draw the figure according to the n icon font and the configuration information Piece content.

11. device according to claim 10, which is characterized in that the generation module, including：

Analytical unit, for analyzing the color category of the image content and the shape contour of various colors corresponding content；

Division unit, for the bitmap picture to be divided into n sub- content blocks based on the analysis results；

Generation unit, for generating the corresponding n icon font according to the n sub- content blocks；

12. device according to claim 10, which is characterized in that the extraction module, including：

First extraction unit, for extracting the corresponding font color of n icon font, the font color is for referring to Show color of the corresponding content of the icon font in the image content；

Second extraction unit, for extracting the corresponding location information of n icon font, the location information is for referring to Show relative position of the corresponding content of each icon font in the image content；

Third extraction unit, for extracting the corresponding dimension information of n icon font, the dimension information is for referring to Show display size of the corresponding content of each icon font in the image content；

4th extraction unit, for extracting the corresponding map data mining platform of n icon font, the map data mining platform is for referring to Show the drawing order of each icon font；

Determination unit, for by the font color, the location information, the dimension information and the map data mining platform extremely Few one kind is determined as the configuration information.

13. device according to claim 11, which is characterized in that the extraction module, including：

14. 0 to 13 any device according to claim 1, which is characterized in that described first provides module, including：

Packaged unit, for the n icon font to be packaged as fontlib；

Encapsulation unit, for being packaged using predetermined protocol to the configuration information；

Adding unit, for the configuration information after the fontlib and encapsulation to be added to application program installation kit；

Unit is provided, for providing the application program installation kit to the terminal.

15. device according to claim 11, which is characterized in that described device further includes：

Detection module, for detecting whether the color category that the image content includes is less than preset threshold；

The generation module executes institute if being also used to the color category that the image content includes is less than the preset threshold State the step of n icon font is generated according to the bitmap picture discribed image content；

Second provides module, if the color category for the image content to include is greater than the preset threshold, to the end End provides the bitmap picture.

16. a kind of picture drawing apparatus, which is characterized in that described device includes：

First loading module, it is described to apply journey for loading n icon font from the application program installation kit that server provides Installation kit includes the n icon font and the corresponding configuration information of n icon font, the n icon font It is generated by server according to the discribed image content of bitmap picture, the complete or collected works of the n icon font are the image content And each icon font uses vector representation, the configuration information is used to indicate the respective display effect of n icon font, n≥2；

Second loading module, for loading the corresponding configuration information of n icon font；

Drafting module, for drawing the image content according to the n icon font and the configuration information.

17. device according to claim 16, which is characterized in that the drafting module, including：

Acquiring unit, for obtaining the map data mining platform for including in the configuration information, the map data mining platform is used to indicate each figure The drawing order of marking-up body；

First drawing unit, for drawing the i-th icon font, 1≤i≤n-1；

Second drawing unit, for the drawing order according to indicated by the map data mining platform, in i-th icon completed I+1 icon font is drawn in superposition in font；

18. device according to claim 17, which is characterized in that first drawing unit, including：

Subelement is obtained, for obtaining the corresponding dimension information of the i-th icon font, the dimension information is used to indicate icon Display size of the corresponding content of font in the image content；

Computation subunit calculates the picture of the i-th icon font for the screen resolution according to the dimension information and terminal Plain size, the Pixel Dimensions are used to indicate icon font pixel shared on the terminal screen；

Subelement is drawn, for according to the corresponding location information of the i-th icon font, font color and the pixel ruler It is very little, the i-th icon font is drawn, the location information is used to indicate the corresponding content of each icon font in the picture Relative position in appearance, the font color are used to indicate face of the corresponding content of the icon font in the image content Color.