CN101216944B - Method and device for realizing gradient shading in typesetting process - Google Patents

Abstract

The invention discloses a method of realizing gradual changing shadings in typesetting and a device thereof. The method comprises the following steps of: generating a gradual changing template bitmap according to a gradual changing angle, a gradual changing center, a gradual changing radius of the template bitmap, and the color data of every pixel point in the template bitmap; obtaining covering the template bitmap of the object with the obtained gradual changing template bitmap according to the matrix containing the new information of the object and the size of the valid region of the object. The inventive technical proposal has the advantages of accurately realizing the gradual changing shadings with smoother gradual changing color after image magnification; adding the gradual changing types of the gradual changing shadings and enriching the art effect of the layout; reducing the calculation amount via using optimization algorithm according to the symmetry of the object; and improving the display speed of the gradual changing shadings via calculating the color data of the pixel points in the valid region of the object.

Description

Method and device for realizing gradient shading in typesetting process

technical field

The invention relates to the technical field of image processing, in particular to the technology for realizing gradient shading in the typesetting process.

Background technique

In the fields of graphic design, advertising production, commercial printing, typesetting, etc., in order to enrich the artistic effect of the layout, gradient colors are often set for text blocks, graphic element blocks, and image blocks, and the gradient shading patterns of different gradient types are filled with the set gradient colors.

The so-called gradient color is a group of colors composed of multiple gradient points, and there is a gradient center between two adjacent gradient points. The first gradient point is determined as the start point of the gradient color, the last gradient point is determined as the end point of the gradient color, and the position corresponding to the 50% color change from the start point of the gradient color to the end point is determined as the center point of the gradient color.

The so-called gradient shading is filled with gradient colors, and corresponds to different gradient types of shading.

At present, there are many ways to fill gradient shading with gradient color in the field of typesetting, generally there are the following:

(1) Divide the gradient shading that needs to be filled with gradient color to form multiple small rectangular area blocks, calculate the color value corresponding to each rectangular area block, and find the corresponding color of each rectangular area block according to the obtained color value , and fill all the pixels of this rectangular area block into one color, so that the color gradient of the gradient color shading obtained by filling in this way is not smooth enough, the color change has a sense of jumping, and the image will be distorted after being enlarged.

(2) The gradient types that exist in the field of typesetting are mainly linear gradient types and circular gradient types. Both gradient types need to calculate the color value of the start point and end point of the gradient color, and use the obtained color value as the input parameter of the system function. If the start point and end point of the gradient color are close, multiple calculations are required to obtain the color data of each pixel of the object at different angles. The amount of calculation is huge, which will affect the display speed of the gradient shading; if the start point and The position of the end point is relatively far away. According to the color corresponding to the color value of the start point and end point of the gradient color, the shading template is filled linearly, so the color change is not smooth enough, and the color change has a sense of jumping.

(3) Directly calculate the shading bitmap of the object. Generally, the shading bitmap has more pixels, so when calculating the color data of the bitmap pixels, the amount of calculation is relatively large, resulting in slower calculation speed.

With the rapid development of typesetting technology, higher and higher requirements are put forward for the function and effect of image processing in the typesetting process. The existing linear and circular gradient types can no longer meet the requirements of typesetting technology for typesetting layout, and the The accuracy of the effect of generating gradient shading is required, and the display speed of generating gradient shading also needs to be improved.

Contents of the invention

The invention provides a method and device for realizing gradient shading in the typesetting process, increases the gradient type of gradient shading, and improves the display speed of gradient shading, so that the realization effect of gradient shading is more accurate, and the color of the enlarged image Gradients are smoother.

Embodiments of the present invention are realized through the following technical solutions:

An embodiment of the present invention provides a method for realizing gradient shading in the typesetting process, the method comprising:

Obtain a matrix containing object information; and, obtain the size of the object's outer frame and the size of the screen display area;

Calculate the effective area of the object according to the obtained matrix containing the object information, the size of the object's outer frame and the size of the screen display area;

Calculate the scaling ratio of the effective area of the object relative to the template bitmap of the set size, and obtain the gradient angle and gradient center of the template bitmap according to the obtained scaling ratio and the gradient angle, gradient center point, and gradient radius set by the user point, gradient radius; and, according to the gradient type set by the user, calculate the color data of each pixel in the template bitmap;

According to the gradient angle of the template bitmap, the gradient center point, the gradient radius and the color data of each pixel in the template bitmap, a gradient template bitmap is generated, and when it is determined that the scaling ratio is not 1, the The generated gradient template bitmap is subjected to quadratic linear interpolation processing, and a corresponding gradient template bitmap is generated according to the result of the interpolation processing;

Calculate a matrix containing new object information according to the obtained matrix containing object information; and cover the object bitmap with the generated gradient template bitmap according to the matrix containing new object information and the scaling ratio.

The embodiment of the present invention also provides a gradient shading realization device, the gradient shading realization device includes: a matrix acquisition unit, an effective area acquisition unit, a gradient information acquisition unit, a color data acquisition unit, a template bitmap generation unit, and an overlay unit ;

Wherein, the matrix obtaining unit is used to obtain the matrix containing the object information; and obtain the size of the outer frame of the object and the size of the screen display area;

an effective area obtaining unit, configured to calculate the effective area of the object according to the obtained matrix containing object information, the size of the object's outer frame and the size of the screen display area;

The gradient information obtaining unit is used to calculate the scaling ratio of the effective area of the object relative to the template bitmap of the set size, and obtain the template bitmap according to the obtained scaling ratio and the gradient angle, gradient center point, and gradient radius set by the user. Gradient angle, gradient center point, and gradient radius of the graph;

A color data obtaining unit, configured to calculate the color data of each pixel in the template bitmap according to the gradient type set by the user;

A template bitmap generating unit, configured to generate a gradient template bitmap according to the gradient angle, gradient center point, gradient radius, and color data of each pixel in the template bitmap;

A template bitmap processing unit, configured to perform quadratic linear interpolation processing on the generated gradient template bitmap when the scaling ratio is not equal to 1, and generate a corresponding gradient template bitmap according to the result of the quadratic linear interpolation processing ;

The covering unit is used to calculate the matrix containing the new information of the object according to the obtained matrix containing the object information; according to the matrix containing the new information of the object and the scaling ratio, cover the bitmap of the object with the generated gradient template bitmap .

Through the above technical solutions, the embodiment of the present invention greatly reduces the complexity of calculating the color data of each pixel by setting the template bitmap whose size is much smaller than the object, and improves the display speed of the gradient shading; at the same time, by calculating the template bitmap The color data of each pixel in the picture not only guarantees the display speed, but also makes the effect of gradient shading more accurate, and the color gradient becomes smoother after the image is enlarged.

Description of drawings

Fig. 1 is a flowchart of a method for realizing gradient shading in the typesetting process according to the first embodiment of the present invention;

Fig. 2 is the flowchart of calculating the color data of each pixel in the standard gradient template bitmap of the linear and circular gradient types according to the first embodiment of the present invention;

Fig. 3 is the flowchart of calculating the color data of each pixel in the standard gradient template bitmap of the square and rhombus gradient types according to the first embodiment of the present invention;

Fig. 4 is the flow chart of calculating the color data of each pixel in the standard gradient template bitmap of cone and bicone gradient types in the first embodiment of the present invention;

Fig. 5 is an effect diagram of a single-line gradient shading pattern according to the first embodiment of the present invention;

Fig. 6 is an effect diagram of a double-line gradient shading pattern according to the first embodiment of the present invention;

Fig. 7 is an effect diagram of the circular gradient shading of the first embodiment of the present invention;

Fig. 8 is an effect diagram of a square gradient shading pattern according to the first embodiment of the present invention;

Fig. 9 is an effect diagram of a rhombus gradient shading pattern according to the first embodiment of the present invention;

Fig. 10 is an effect diagram of the tapered gradient shading of the first embodiment of the present invention;

Fig. 11 is an effect diagram of the biconical gradient shading of the first embodiment of the present invention;

FIG. 12 is a schematic diagram of an apparatus for realizing gradient shading in the typesetting process according to the second embodiment of the present invention.

Detailed ways

The present invention provides a method and device for realizing gradient shading in the typesetting process. Aiming at the problems that the prior art provides less types of gradient shading, and the enlarged image is distorted and the effect is not ideal, the following technical solutions are proposed. Now The technology is described in detail in conjunction with the accompanying drawings and specific embodiments:

The first embodiment of the present invention provides a method for realizing gradient shading in the typesetting process, and the method is described in detail in conjunction with the flow chart of Figure 1:

S101. Obtain the matrix containing the object information, and calculate the matrix containing the new information of the object according to the obtained matrix containing the object information; and obtain the size of the object outer frame and the size of the screen display area, and based on the obtained object outer frame size and screen display The area size calculates the effective area of the object.

The matrix Mo containing object information of the current object device context (DC, Device Context) can be obtained through the system function;

Obtain the scaling information of the object from the matrix Mo, put the obtained scaling information into the matrix Mg, and participate in the calculation: Mn=Mo*Mg', where the matrix Mn is the matrix containing the new information of the object, and Mg' is the inverse of the matrix Mg matrix.

Through the system function, the center point Pm of the object frame in millimeters and the center point Pp of the object frame in pixels are respectively obtained, the unit of Pm is converted from millimeters to pixels, and Pm and Pp in pixels are calculated. , and put the difference as the horizontal and vertical conversion deviation of the object into the matrix Mn containing the new information of the object.

Calculating the effective area of an object mainly includes the following steps:

Obtain a rectangular area Ro representing the size of the object's outer frame and a rectangular area Rs representing the size of the screen display area from the system, and the area sizes represented by the rectangular area Ro and Rs are both in millimeters;

Use the system function to convert the unit of the area size represented by the rectangular area Ro and Rs from millimeters to pixels, and obtain the rectangular area Ro representing the size of the object's outer frame and the rectangular area Rs representing the size of the screen display area. The rectangular area Ro and Rs represent The size of the area is in pixels;

According to the obtained vertex coordinates of the rectangular areas Ro and Rs representing the size of the pixel unit area, the intersection area of Rs and Ro is calculated, and the obtained intersection area is used as the target effective area Rv, and the effective area Rv is in pixels.

If the object is rotated or staggered, according to the specific information contained in the matrix containing the object information, the rectangular area Rs representing the size of the screen display area is processed, and the intersection area is calculated according to the new rectangular area obtained after processing. The specific processing process include:

When the matrix containing object information contains rotation information, multiply the rectangular area Rs representing the size of the screen display area by the inverse matrix of the matrix containing rotation information to obtain a new rectangular area, and calculate the new rectangular area and represent the object The intersection area of the rectangular area Ro of the outer box size, and the obtained intersection area is used as the effective area of the object;

or,

When the matrix containing object information contains miscutting information, multiply the rectangular area Rs representing the size of the screen display area by the inverse matrix of the matrix containing miscutting information to obtain a new rectangular area, and calculate the obtained new rectangular area and Represent the intersection area of the rectangular area Ro of the size of the object's outer frame, and use the obtained intersection area as the effective area of the object;

or,

When the matrix containing object information contains rotation information and miscut information, multiply the rectangular area Rs representing the size of the screen display area by the inverse matrix of the matrix containing rotation information and miscut information to obtain a new rectangular area, and calculate The intersection area between the new rectangular area of , and the rectangular area Ro representing the size of the object's outer frame, and the obtained intersection area is taken as the effective area of the object.

S102. According to the effective area Rv of the object, obtain the horizontal and vertical scaling ratio η of the effective area Rv relative to the template bitmap of the set size, according to the obtained scaling ratio η and the gradient angle, gradient radius, and gradient set by the user Center point, get the gradient angle, gradient radius, and gradient center point of the template bitmap;

Wherein, the size of the template bitmap is set to 128*128 pixels.

S103. Calculate the color data of each pixel in the template bitmap according to the gradient type set by the user. Specifically include:

According to the gradient type set by the user, determine the center point, start point and end point of the gradient color of the template bitmap corresponding to the gradient type;

According to the determined central point, starting point and end point of the gradient color, the position ratio of the gradient color change at the corresponding position of the pixel point is obtained, and the color data of the corresponding position of the pixel point is obtained according to the obtained position ratio and the gradient color information in the system, and the The obtained color data of the corresponding position is used as the color data of the pixel point.

The following takes the single-line gradient type, double-line gradient type, circular gradient type, square gradient type, rhombus gradient type, tapered gradient type, and double-cone gradient type as examples to calculate each pixel in the template bitmap. The process of point color data is described in detail:

Single linear gradient type:

Use the gradient center point of the template bitmap obtained in the above step S102 as the center point of the gradient color of the single-line gradient type, and use the two ends of the gradient diameter of the template bitmap as the starting points of the gradient color of the single-line gradient type respectively and the end point, the gradient diameter is calculated according to the object's outer box and the scaling ratio, and the gradient range of the gradient color is determined according to the gradient diameter;

According to the center point, starting point and end point of the gradient color determined above, the position ratio of the gradient color change at the corresponding position of the pixel point is obtained, and the color data of the corresponding position of the pixel point is obtained according to the obtained position ratio and the gradient color information in the system, and The color data obtained at the corresponding position is used as the color data of the pixel point, and the process is described in detail in conjunction with the flowchart in Figure 2:

S201. Construct a right-angled triangle to obtain the reference gradient line of the single-line gradient type template bitmap. The specific process includes:

Create a right-angled triangle with the gradient center point of the template bitmap obtained in step S102 as the midpoint of the hypotenuse, the gradient diameter as the length of the hypotenuse, and the gradient angle as the angle between the hypotenuse and the horizontal side; calculate the two vertices of the hypotenuse coordinates, connect two vertices, and the obtained connection line is the reference gradient line. According to the gradient angle, it is determined that one end of the reference gradient line is the starting point of the gradient, and the other end is the end point of the gradient.

S202. Determine whether the object is symmetrical. If it is determined that the object is not symmetrical, then perform step S203; if it is determined that the object is symmetrical about the x-axis or y-axis or the dot, then perform step S208.

The symmetry of the object can be determined based on the determined center point, start point, and end point of the gradient color.

S203. Calculate the color data of the first pixel in the nth row in the object.

Take the first pixel point of the nth row of the object, draw a vertical line from this pixel point to the reference gradient line, and obtain the vertical foot, connect the obtained vertical foot with the starting point of the gradient color of the reference gradient line, obtain a line segment, and calculate The ratio of the line segment to the diameter, and use the obtained ratio as the position ratio of the gradient color change at the corresponding position of the pixel point;

According to the obtained position ratio and the gradient color information in the system, the color data of the corresponding position of the pixel point is obtained, and the obtained color data of the corresponding position is used as the color data of the pixel point.

S204. Calculate the gradient step size between adjacent pixels in the nth row. include:

The gradient step size between adjacent pixels is calculated according to the formula: cosd*x, where d is the gradient angle, and x is the difference between two adjacent pixels in the x direction.

S205. Calculate the color data of other pixels in the nth row sequentially according to the obtained color data of the first pixel in the nth row and the gradient step size between adjacent pixels in the nth row.

S206. Get the n=n+1th row.

S207 , judging whether the calculation is finished, if the color data of each row of pixels in the object has been calculated, the calculation is ended; otherwise, step S203 is executed.

S208. Determine the symmetry of the object according to the determined center point, start point and end point of the gradient color, and calculate the color data of each pixel by using an optimization algorithm according to the determined symmetry.

When it is determined that the object is symmetrical about the x-axis, calculate the color data of the first pixel in each row of the object and the gradient step between the adjacent pixels in 1/2 rows of each row of objects, and calculate the gradient step according to the obtained first pixel in each row Calculate the color data of one pixel and the obtained gradient step in turn to calculate the color data of other pixels in 1/2 row of each row of objects, and obtain the color data of all pixels of the template bitmap according to the symmetry;

or,

When it is determined that the object is symmetrical about the y-axis, calculate the color data of the first pixel in each column of the object and the gradient step between the adjacent pixels in 1/2 columns of each column of the object, and obtain the first pixel in each column according to the obtained Calculate the color data of one pixel and the obtained gradient step in turn to calculate the color data of 1/2 columns of other pixels in each column of objects, and obtain the color data of all pixels in the template bitmap according to the symmetry;

or,

When it is determined that the object is symmetrical about the dot, 1/4 area of the object is taken according to the symmetry of the object, and the color data of each pixel in the 1/4 area object is calculated. Specifically include:

Calculate the color data of the first pixel of each row in the 1/4 area object and the gradient step size between the adjacent pixels of each row in the 1/4 area object, and according to the obtained first pixel of each row The color data of each pixel and the gradient step size between adjacent pixels in each row are calculated in turn to calculate the color data of other pixels in the 1/4 area, and the color data of all pixels in the template bitmap are obtained according to the symmetry. ;

or,

Calculate the color data of the first pixel of each column in the 1/4 area object and the gradient step between the adjacent pixels of each column in the 1/4 area object, and according to the obtained first pixel of each column The color data of each pixel and the gradient step size between adjacent pixels of each column are calculated in turn to calculate the color data of other pixels in the 1/4 area, and the color data of all pixels in the template bitmap are obtained according to the symmetry. .

Bilinear gradient type:

The gradient center point of the template bitmap obtained in the above step S102 is used as the starting point of the gradient color of the double-line gradient, and the two ends of the gradient diameter of the template bitmap are used as the end points of the gradient color of the double-line gradient;

According to the above determined starting point and ending point of the gradient color, the position ratio of the gradient color change at the corresponding position of the pixel point is obtained, and the color data of the corresponding position of the pixel point is obtained according to the obtained position ratio and the gradient color information in the system, and the obtained corresponding The color data of the position is used as the color data of the pixel, and the specific calculation process is the same as the calculation process of the color data of each pixel in the template bitmap of the single-line gradient type, and will not be described in detail here.

It should be pointed out that the template bitmap of the double-line gradient is symmetrical with the center point of the gradient as the axis of symmetry, but the template bitmap of the single-line gradient does not have this symmetry.

Circular Gradient Type:

The gradient center point of the template bitmap obtained in the above step S102 is used as the center point of the gradient color of the circular gradient and the starting point of the gradient color of the circular gradient, and the other end of the gradient radius is the termination point of the gradient color;

According to the center point, starting point and end point of the gradient color determined above, the position ratio of the gradient color change at the corresponding position of the pixel point is obtained, and the color data of the corresponding position of the pixel point is obtained according to the obtained position ratio and the gradient color information in the system, and The obtained color data at the corresponding position is used as the color data of the pixel, and the specific calculation process is the same as the calculation process of the color data of each pixel in the template bitmap of the single-line gradient type, and will not be described in detail here.

It should be pointed out that before calculating the color data of each pixel in the template bitmap of the circular gradient, it is necessary to determine whether the pixel to be calculated is within the gradient area, specifically including:

Determine whether the line segment obtained by connecting the pixel point to be calculated and the gradient center point of the template bitmap is greater than the radius, if the obtained line segment is greater than or equal to the radius, use the pixel point as the end point of the gradient color, and take the end point The color data of the pixel is used as the color data of the pixel; if the obtained line segment is smaller than the radius, the color data of the pixel is calculated according to the above method of calculating the color data of each pixel in the template bitmap of the linear gradient type.

Square gradient type:

The gradient center point of the standard gradient template bitmap obtained in the above step S102 is used as the center point of the gradient color of the square gradient, and one end of the gradient radius of the standard gradient template bitmap is the termination point of the gradient color, and the gradient radius is a linear Half of the square root of the gradient radius;

According to the center point and starting point of the gradient color determined above, the position ratio of the gradient color change at the corresponding position of the pixel point is obtained, and the color data of the corresponding position of the pixel point is obtained according to the obtained position ratio and the gradient color information in the system, and the obtained The color data of the corresponding position is used as the color data of the pixel, and the calculation process is described in detail in conjunction with the flow chart in Figure 3:

S301. Determine the gradient area of the gradient template bitmap of the square gradient type, and the specific process includes:

Use the gradient diameter of the template bitmap obtained in step S102 as the gradient diameter of the square gradient, and calculate the four starting points A1, A2, A3, A4 of the square gradient according to the above information, connect the four points to form a rectangular area, the rectangle The area is the gradient area of the standard gradient template bitmap of the square gradient type.

S302. Determine whether the object is symmetrical. If it is determined that the object is not symmetrical, execute step S303; if it is determined that the object is symmetrical about the x-axis or y-axis or the dot, execute step S309.

The symmetry of the object can be judged according to the determined center point, start point and end point of the gradient color.

S303. Get the coordinates of the pixel point in the nth row and the mth column, and judge whether the coordinates are within the rectangular area formed in step S301. If not, execute step S304; if they are within the rectangular area, execute step S305.

S304. Set the pixel point whose coordinates are not in the rectangular area as the end point of the gradient color, and take the color data of the end point as the color data of the pixel point whose coordinates are not in the rectangular area, and then turn to step S306.

S305. Calculate the ratio of the longer horizontal and vertical distance to the radius from the nth row, mth column pixel point to the gradient center point according to the gradient angle, and use the obtained ratio as the position of the gradient color change at the corresponding position of the pixel point Ratio, according to the obtained position ratio and the gradient color information in the system, the color data of the corresponding position of the pixel point is obtained, and the obtained color data of the corresponding position is used as the color data of the pixel point.

S306, sequentially calculate the color data of pixels in other columns of the nth row.

S307. Get the n=n+1th row.

S308 , judging whether the calculation of the color data of all pixels is completed, if not, execute step S303 ; if the calculation is completed, end the process.

S309. Determine the symmetry of the object according to the determined center point, start point and end point of the gradient color, and calculate the color data of each pixel by using an optimization algorithm according to the determined symmetry.

The specific process of the optimization algorithm is consistent with the method for calculating the color data of the pixels described in the above step S305. When it is determined that the object is symmetrical about the x-axis, it is only necessary to calculate the color data of 1/2 row of pixels in each row of the object, and then according to the symmetry Determine the color data of all the pixels of the object; when it is determined that the object is symmetrical about the y-axis, it is only necessary to calculate the color data of 1/2 columns of pixels in each column of the object, and then determine the color data of all the pixels of the object according to the symmetry; when the object is determined When it is symmetrical about the dot, it only needs to take 1/4 area of the object according to the symmetry, and then calculate the color data of the pixels in the 1/4 area, and then obtain the color data of all the pixels of the object according to the symmetry.

Rhombus Gradient Type:

其中R为方形渐变类型的模板位图的渐变半径；The settings of the center point and end point of the gradient color are the same as those of the square gradient type, and the gradient radius of the template bitmap of the rhombus gradient type is

Where R is the gradient radius of the template bitmap of the square gradient type;

According to the center point and end point of the gradient color determined above, the position ratio of the gradient color change at the corresponding position of the pixel point is obtained, and the color data of the corresponding position of the pixel point is obtained according to the obtained position ratio and the gradient color information in the system, and the obtained The color data of the corresponding position is used as the color data of the pixel. The specific calculation process is the same as the calculation process of the color data of each pixel in the template bitmap of the square gradient type, and will not be described in detail here.

It should be noted that the gradient angle corresponding to the rhombus gradient type is equal to the gradient angle +π/4 corresponding to the square gradient type.

Tapered Gradient Type:

Use the gradient center point of the template bitmap obtained in the above step S102 as the center point of the gradient color of the tapered gradient;

According to the center point of the gradient color determined above, the position ratio of the gradient color change at the corresponding position of the pixel point is obtained, and the color data of the corresponding position of the pixel point is obtained according to the obtained position ratio and the gradient color information in the system, and the obtained corresponding position is obtained. The color data is used as the color data of the pixel, and the calculation process is described in detail in conjunction with the flowchart in Figure 4:

S401. Obtain the coordinates of the center point of the gradient of the template bitmap, and sequentially calculate the angle angle between the x-axis and the line segment obtained by connecting each pixel point and the center point in the nth row according to the obtained coordinates.

S402, taking the obtained angle/2π of each pixel in the nth row as the position ratio of the gradient color change at the corresponding position of the pixel point, and obtaining the position ratio of the corresponding position of the pixel point according to the obtained position ratio and the gradient color information in the system color data, and use the obtained color data of the corresponding position as the color data of the pixel point;

Calculate the color data of each pixel in the nth row in turn.

S403. Get the n=n+1th row.

S404. Determine whether the calculation is over, if the calculation is over, then end; otherwise, execute step S401.

Biconical gradient type:

Use the gradient center point of the template bitmap obtained in the above step S102 as the center point of the gradient color of the biconical gradient, and change angle/2π in the above step S402 to angle/π to obtain the gradient color at the corresponding position of the pixel point The changing position ratio, other calculation processes are the same as the process of calculating the color data of each pixel in the bitmap of the tapered gradient type template, and will not be described in detail here.

S104. Generate a gradient template bitmap according to the obtained color data of each pixel in the template bitmap and the gradient angle, gradient radius, and gradient center point of the template bitmap obtained in step S102.

S105. Obtain the zoom ratio η according to step S102, and determine whether the object is zoomed. If n is not equal to 1, execute step S106; if n is equal to 1, execute step S107.

S106. When the scaling ratio is not equal to 1, perform quadratic linear interpolation processing on the gradient template bitmap generated in step S104, and generate a corresponding gradient template bitmap according to the result of the quadratic linear interpolation processing.

Step S106 specifically includes:

According to the effective area of the object obtained in the scaling and step S101, calculate the effective area of the gradient template bitmap generated in the step S104;

Scale the effective area of the obtained gradient template bitmap according to the effective area of the object, and perform quadratic linear interpolation on the effective area of the obtained gradient template bitmap during the scaling process, and according to the result of the quadratic linear interpolation , to generate the corresponding gradient template bitmap.

S107, set the matrix Mn containing the horizontal and vertical scaling information of the object obtained in step S101 on the current DC, if the scaling ratio is equal to 1, then cover the bitmap of the object with the gradient template bitmap generated in step S103; otherwise, the step The new gradient template bitmap generated in S106 covers the bitmap of the object.

Through the above method, the corresponding type of gradient template bitmap can be generated according to the gradient type set by the user, and the generated gradient template bitmap can be used to cover the bitmap of the object. Figure 5 to Figure 11 correspond to the single-line gradient type and double-line gradient type respectively. Effects of gradient shading for gradient type, circular gradient type, square gradient type, rhombus gradient type, tapered gradient type, and double tapered gradient type.

The second embodiment of the present invention provides a device for realizing gradient shading in the typesetting process, as shown in Figure 12, including: a matrix acquisition unit, an effective area acquisition unit, a gradient information acquisition unit, a color data acquisition unit, and template bitmap generation unit and overlay unit;

Wherein, the matrix obtaining unit is used to obtain the matrix containing the object information; and obtain the size of the outer frame of the object and the size of the screen display area;

an effective area obtaining unit, configured to calculate the effective area of the object according to the obtained matrix containing object information, the size of the object's outer frame and the size of the screen display area;

The gradient information obtaining unit is used to calculate the scaling ratio of the effective area of the object relative to the template bitmap of the set size, and obtain the template bitmap according to the obtained scaling ratio and the gradient angle, gradient center point, and gradient radius set by the user. Gradient angle, gradient center point, and gradient radius of the graph;

A color data obtaining unit, configured to calculate the color data of each pixel in the template bitmap according to the gradient type set by the user;

A template bitmap generating unit, configured to generate a gradient template bitmap according to the gradient angle, gradient center point, gradient radius, and color data of each pixel in the template bitmap;

The covering unit is used to calculate the matrix containing the new information of the object according to the obtained matrix containing the object information; according to the matrix containing the new information of the object and the scaling ratio, cover the bitmap of the object with the generated gradient template bitmap .

According to different information contained in the matrix containing object information, the effective area obtaining unit may include: a first subunit for obtaining an effective area, or a second subunit for obtaining an effective area, or a third subunit for obtaining an effective area;

Wherein, the first sub-unit for obtaining the effective area is used to obtain a new Rectangular area, and the crossing area between the calculated new rectangular area and the rectangular area representing the pixel unit size of the object's outer frame, and the obtained crossing area is used as the effective area of the object;

or,

The effective area obtains the second subunit, which is used to obtain a new Rectangular area, and the crossing area between the calculated new rectangular area and the rectangular area representing the pixel unit size of the object's outer frame, and the obtained crossing area is used as the effective area of the object;

or,

The effective area obtains the third subunit, which is used to multiply the matrix containing the rotation information and the miscut information by the rectangular area representing the pixel unit size of the screen display area when the matrix containing the object information contains the rotation information and the miscut information. Inverse the matrix to obtain a new rectangular area, and calculate the intersection area between the obtained new rectangular area and the rectangular area representing the pixel unit size of the object's outer frame, and use the obtained intersection area as the effective area of the object.

The color data obtaining unit includes: a gradient color information determination subunit and a color data calculation subunit;

Wherein, the gradient color information determination subunit is used to determine the center point, start point and end point of the gradient color of the template bitmap corresponding to the gradient type according to the gradient type set by the user;

The color data calculation subunit is used to obtain the position ratio of the gradient color change at the corresponding position of the pixel point according to the determined center point, start point and end point of the gradient color, and obtain the pixel point according to the obtained position ratio and the gradient color information in the system The color data of the corresponding position is obtained, and the obtained color data of the corresponding position is used as the color data of the pixel point.

According to the symmetry of the object, the color data obtaining unit comprises:

The optimization subunit is used to determine the symmetry of the object according to the determined center point, start point and end point of the gradient color corresponding to the gradient type, and calculate the color of each pixel in the template bitmap according to the determined symmetry data.

The optimization subunit further includes: a first optimization module, or a second optimization module, or a third optimization module;

Wherein, the first optimization module is used to calculate the color data of 1/2 row of pixels of each row of objects when the object is determined to be symmetrical about the x-axis, and obtain the color data of all pixels of the template bitmap according to the symmetry;

or,

The second optimization module is used to calculate the color data of 1/2 columns of pixels of each column of objects when the object is determined to be symmetrical about the y axis, and obtain the color data of all pixels of the template bitmap according to the symmetry;

or,

The third optimization module is used to calculate the color data of each pixel in the 1/4 area of the object when it is determined that the object is symmetrical about the dot, and obtain the color data of all the pixels of the template bitmap according to the symmetry.

According to the size of the scaling ratio, the device for implementing gradient shading further includes:

A template bitmap processing unit, configured to perform quadratic linear interpolation processing on the generated gradient template bitmap when the scaling ratio is not equal to 1, and generate a corresponding gradient template bitmap according to the result of the quadratic linear interpolation processing .

The template bitmap processing unit includes: a valid area obtaining subunit and a template bitmap processing subunit;

Wherein, the effective area acquisition subunit is used to calculate the effective area of the generated gradient template bitmap according to the scaling ratio and the effective area of the object;

The template bitmap processing subunit is used to scale the effective area of the obtained gradient template bitmap according to the effective area of the object, and perform quadratic linear interpolation processing on the effective area of the gradient template bitmap during the scaling process, and according to The result of the quadratic linear interpolation process generates the corresponding gradient template bitmap.

Through the above technical solution, the realization effect of the gradient shading is more accurate, and the color gradient is smoother after the image is enlarged; in addition, in addition to providing linear and circular gradient types, it also provides square gradient types, rhombus gradient types, cones and double cones The shape gradient type enriches the artistic effect of the layout; in addition, according to the symmetry of the object, an optimized algorithm is used to calculate the color data of each pixel, which reduces the amount of calculation; in addition, by calculating the color data of the pixels in the effective area of the object, Improved display speed of gradient shading.

Obviously, those skilled in the art can make various changes and modifications to the present invention without departing from the spirit and scope of the present invention. Thus, if these modifications and variations of the present invention fall within the scope of the claims of the present invention and their equivalent technologies, the present invention also intends to include these modifications and variations.

Claims (13)

1. A method for realizing gradual shading in the typesetting process is characterized by comprising the following steps:

obtaining a matrix containing object information; obtaining the size of an object outsourcing frame and the size of a screen display area;

calculating the effective area of the object according to the obtained matrix containing the object information, the size of the object outsourcing frame and the size of the screen display area;

calculating the scaling of the effective area of the object relative to a template bitmap with a set size, and obtaining a gradient angle, a gradient central point and a gradient radius of the template bitmap according to the obtained scaling and the gradient angle, the gradient central point and the gradient radius which are set by a user; calculating the color data of each pixel point in the template bitmap according to the gradient type set by the user;

generating a gradient template bitmap according to the gradient angle, the gradient central point, the gradient radius of the template bitmap and the color data of each pixel point in the template bitmap, performing secondary linear interpolation processing on the generated gradient template bitmap when the scaling ratio is determined to be not 1, and generating a corresponding gradient template bitmap according to the interpolation processing result;

and calculating a matrix containing the new information of the object according to the obtained matrix containing the information of the object, and covering the bitmap of the object with the generated gradient template bitmap.

2. The method of claim 1, wherein calculating the effective area of the object based on the obtained matrix containing the object information, the size of the object envelope, and the size of the screen display area comprises:

when the matrix containing the object information contains the rotation information, multiplying a rectangular area which represents the pixel unit size of the screen display area by an inverse matrix of the matrix containing the rotation information to obtain a new rectangular area, calculating an intersection area of the obtained new rectangular area and the rectangular area which represents the pixel unit size of the object outer frame, and taking the obtained intersection area as an effective area of the object;

or,

when the matrix containing the object information contains the miscut information, multiplying a rectangular area which represents the pixel unit size of the screen display area by an inverse matrix of the matrix containing the miscut information to obtain a new rectangular area, calculating an intersection area of the obtained new rectangular area and the rectangular area which represents the pixel unit size of the object outer frame, and taking the obtained intersection area as an effective area of the object;

or,

when the matrix containing the object information contains the rotation information and the miscut information, a new rectangular area is obtained by multiplying a rectangular area representing the pixel unit size of the screen display area by an inverse matrix of the matrix containing the rotation information and the miscut information, an intersection area of the obtained new rectangular area and the rectangular area representing the pixel unit size of the object bounding box is calculated, and the obtained intersection area is used as an effective area of the object.

3. The method of claim 1, wherein the calculating color data for each pixel point in the template bitmap according to the type of gradient set by the user comprises:

determining a central point, a starting point and an end point of gradient of a template bitmap corresponding to the gradient type according to the gradient type set by a user;

and obtaining the position proportion of the gradual change color change of the corresponding position of the pixel point according to the determined central point, the starting point and the ending point of the gradual change color, obtaining the color data of the corresponding position of the pixel point according to the obtained position proportion and the gradual change color information in the system, and taking the obtained color data of the corresponding position as the color data of the pixel point.

4. The method of claim 3, wherein the fade type comprises any one of:

a linear taper type, a double linear taper type, a circular taper type, a square taper type, a diamond taper type, a conical taper type, and a double conical taper type.

5. The method of claim 1, wherein the calculating color data for each pixel point in the template bitmap according to the type of gradient set by the user comprises:

and determining the symmetry of the object according to the determined central point, the determined starting point and the determined end point of the gradient corresponding to the gradient type, and calculating the color data of each pixel point in the template bitmap according to the determined symmetry.

6. The method of claim 5, wherein computing color data for each pixel point in the template bitmap based on the determined symmetry comprises:

when the object is determined to be symmetrical about the x axis, calculating color data of 1/2 lines of pixel points of each line of object, and obtaining the color data of all pixel points of the template bitmap according to the symmetry;

or,

when the object is determined to be symmetrical about the y axis, color data of 1/2 rows of pixel points of each row of object is calculated, and color data of all pixel points of the template bitmap are obtained according to the symmetry;

or,

when it is determined that the object is symmetric about the dots, color data of each pixel point in the region of the object 1/4 is calculated, and color data of all pixel points of the template bitmap is obtained according to the symmetry.

7. The method of claim 1, wherein performing a quadratic linear interpolation process on the generated template bitmap and generating a corresponding gradient template bitmap according to a result of the quadratic linear interpolation process comprises:

calculating the effective area of the generated gradient template bitmap according to the scaling and the effective area of the object;

and zooming the effective area of the obtained gradient template bitmap according to the effective area of the object, performing secondary linear interpolation processing on the effective area of the gradient template bitmap in the zooming process, and generating a corresponding gradient template bitmap according to the result of the secondary linear interpolation processing.

8. A gradient shading realization device, characterized in that the gradient shading realization device comprises:

a matrix obtaining unit configured to obtain a matrix including object information; obtaining the size of an object outsourcing frame and the size of a screen display area;

an effective area obtaining unit, configured to calculate an effective area of the object according to the obtained matrix including the object information, the size of the object outsourcing frame, and the size of the screen display area;

the gradual change information acquisition unit is used for calculating the scaling of the effective area of the object relative to the template bitmap with the set size, and obtaining the gradual change angle, the gradual change central point and the gradual change radius of the template bitmap according to the obtained scaling and the gradual change angle, the gradual change central point and the gradual change radius which are set by a user;

the color data obtaining unit is used for calculating the color data of each pixel point in the template bitmap according to the gradient type set by the user;

the template bitmap generation unit is used for generating a gradual change template bitmap according to the gradual change angle, the gradual change central point and the gradual change radius of the template bitmap and the color data of each pixel point in the template bitmap;

the template bitmap processing unit is used for carrying out secondary linear interpolation processing on the generated gradient template bitmap when the scaling ratio is not equal to 1, and generating a corresponding gradient template bitmap according to the result of the secondary linear interpolation processing;

the covering unit is used for calculating a matrix containing the new information of the object according to the obtained matrix containing the information of the object; and covering the generated gradient template bitmap on the bitmap of the object according to the matrix containing the new information of the object and the scaling.

9. The gradation shading realization device according to claim 8, wherein the effective area obtaining unit includes:

an effective area obtaining first subunit, configured to, when the matrix including the object information includes the rotation information, multiply a rectangular area indicating a pixel unit size of the screen display area by an inverse matrix of the matrix including the rotation information to obtain a new rectangular area, and calculate an intersection area of the obtained new rectangular area and the rectangular area indicating the pixel unit size of the object bounding box, and use the obtained intersection area as an effective area of the object;

or,

the effective area obtaining second subunit is used for obtaining a new rectangular area by multiplying a rectangular area which represents the pixel unit size of the screen display area by an inverse matrix of a matrix which contains the miscut information when the matrix which contains the object information contains the miscut information, calculating an intersection area of the obtained new rectangular area and the rectangular area which represents the pixel unit size of the object outer frame, and taking the obtained intersection area as the effective area of the object;

or,

and an effective area obtaining third subunit, configured to, when the matrix including the object information includes the rotation information and the miscut information, obtain a new rectangular area by multiplying a rectangular area indicating a pixel unit size of the screen display area by an inverse matrix of the matrix including the rotation information and the miscut information, and calculate an intersection area of the obtained new rectangular area and the rectangular area indicating the pixel unit size of the object bounding box, and use the obtained intersection area as the effective area of the object.

10. The gradation shading realization apparatus according to claim 8, wherein the color data obtaining unit includes:

the gradual change color information determining subunit is used for determining a central point, a starting point and an end point of gradual change color of the template bitmap corresponding to the gradual change type according to the gradual change type set by the user;

and the color data calculation subunit is used for obtaining the position proportion of the gradual change color change of the corresponding position of the pixel point according to the determined central point, the starting point and the ending point of the gradual change color, obtaining the color data of the corresponding position of the pixel point according to the obtained position proportion and gradual change color information in the system, and taking the obtained color data of the corresponding position as the color data of the pixel point.

11. The gradation shading realization apparatus according to claim 8, wherein the color data obtaining unit includes:

and the optimization subunit is used for determining the symmetry of the object according to the determined central point, the determined starting point and the determined end point of the gradient corresponding to the gradient type, and calculating the color data of each pixel point in the template bitmap according to the determined symmetry.

12. The progressive shading realization device according to claim 11, characterized in that said optimization subunit comprises:

the first optimization module is used for calculating the color data of 1/2 rows of pixel points of each row of objects when the object is determined to be symmetrical about the x axis, and obtaining the color data of all the pixel points of the template bitmap according to the symmetry;

or,

the second optimization module is used for calculating color data of 1/2 columns of pixel points of each column of objects when the objects are determined to be symmetrical about the y axis, and obtaining the color data of all the pixel points of the template bitmap according to the symmetry;

or,

and the third optimization module is used for calculating the color data of each pixel point in the object 1/4 area when the object is determined to be symmetrical about the dots, and obtaining the color data of all the pixel points of the template bitmap according to the symmetry.

13. The gradient shading realization apparatus according to claim 8, wherein the template bitmap processing unit comprises:

an effective area obtaining subunit, configured to calculate an effective area of the generated gradient template bitmap according to the scaling and the effective area of the object;

and the template bitmap processing subunit is used for scaling the effective area of the obtained gradient template bitmap according to the effective area of the object, performing secondary linear interpolation processing on the effective area of the gradient template bitmap in the scaling process, and generating a corresponding gradient template bitmap according to the result of the secondary linear interpolation processing.

Images