CN109766530B - Method and device for generating chart frame, storage medium and electronic equipment - Google Patents
Method and device for generating chart frame, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN109766530B CN109766530B CN201811526528.7A CN201811526528A CN109766530B CN 109766530 B CN109766530 B CN 109766530B CN 201811526528 A CN201811526528 A CN 201811526528A CN 109766530 B CN109766530 B CN 109766530B
- Authority
- CN
- China
- Prior art keywords
- frame
- target chart
- chart
- information
- generating
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Abstract
The disclosure relates to a method, a device, a storage medium and electronic equipment for generating a chart frame, and relates to the technical field of information, wherein the method comprises the following steps: and taking the obtained style picture containing the first frame as input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm, generating a first resource file according to the first frame, wherein the first resource file comprises attribute characteristics of the first frame, and generating a second frame of the target chart on a current interface according to the position information of the target chart contained in the frame generation instruction and the first resource file after the frame generation instruction is obtained, wherein the second frame is a frame which is provided with the style of the first frame and is matched with the size of the target chart. According to the method, on the premise that manual adjustment of a user is not needed, the frame matched with the chart in size can be automatically generated according to the frame pattern required by the user, so that the operation is convenient, and the display is clear.
Description
Technical Field
The disclosure relates to the field of information technology, and in particular relates to a method and a device for generating a chart frame, a storage medium and electronic equipment.
Background
With the rapid development of information technologies such as the Internet and cloud computing, the corresponding data volume is also increased in an explosive manner. In the process of analyzing and mining a large amount of data, the visualized chart becomes a common means for monitoring and displaying the data because the characteristics in the data can be intuitively and effectively analyzed. In the process of displaying a chart, in order to improve the expressive force of the chart and meet the look and feel requirements of users, a frame is generally added for the chart. In the prior art, a user is required to manually design a frame by using a special image processing tool, the operation is complex and difficult to realize, and the problem that the frame is distorted or the frame position is not matched with a chart is easily caused along with the change of the size of the chart.
Disclosure of Invention
The disclosure aims to provide a method and a device for generating a chart frame, a storage medium and electronic equipment, which are used for solving the problems that the frame design is complex and the change of the chart size cannot be adapted in the prior art.
To achieve the above object, according to a first aspect of embodiments of the present disclosure, there is provided a method for generating a chart frame, the method including:
taking the obtained style picture containing the first frame as input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm;
Generating a first resource file according to the first frame, wherein the first resource file comprises attribute characteristics of the first frame;
and after the frame generation instruction is acquired, generating a second frame of the target chart on the current interface according to the position information of the target chart contained in the frame generation instruction and the first resource file, wherein the second frame is a frame which has the style of the first frame and is matched with the size of the target chart.
Optionally, the taking the obtained style picture including the first frame as an input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm includes:
removing image content indicated by the rejection mark in the style picture according to the rejection mark contained in the style picture to obtain an intermediate picture;
and taking the intermediate picture as input of a Canny edge detection algorithm to acquire the first frame output by the Canny edge detection algorithm.
Optionally, the generating, according to the first frame, a first resource file includes:
obtaining vertex angle information of the first frame, wherein the vertex angle information comprises coordinate information of each vertex angle in the style picture, the area of each vertex angle and the proportion of each vertex angle in the first frame;
Acquiring edge information of the first frame, wherein the edge information comprises the length of each edge in a plurality of edges of the first frame and coordinate information of each edge in the pattern picture;
acquiring description information of the first frame, wherein the description information comprises at least one of the area, the color and the effect of the first frame;
and generating the first resource file according to the vertex angle information, the side line information and the description information.
Optionally, after the frame generating instruction is obtained, generating, according to the position information of the target chart included in the frame generating instruction and the first resource file, a second frame of the target chart on the current interface, where the second frame includes:
after receiving the frame generation instruction, determining the length and width of the target chart according to the coordinate information of the target chart in the current interface;
and generating the second frame on the current interface according to the length and the width of the target chart and the first resource file, wherein the length and the width of the outer edge of the second frame are respectively matched with the length and the width of the target chart.
Optionally, after the frame generating instruction is obtained, according to the position information of the target chart included in the frame generating instruction and the second frame of the target chart generated by the first resource file on the current interface, the method further includes:
Determining the gravity center of the target chart and the vertex of the minimum area capable of containing all effective information in the target chart according to the attribute of the target chart, wherein the attribute comprises the type of the target chart and coordinates corresponding to the effective information contained in the target chart, and the effective information comprises patterns and/or characters in the target chart;
controlling the center of the second frame to coincide with the center of gravity of the target chart;
and controlling the distance between the inner edge of the second frame and the vertex of the minimum area to meet a preset condition.
Optionally, after the frame generating instruction is obtained, according to the position information of the target chart included in the frame generating instruction and the second frame of the target chart generated by the first resource file on the current interface, the method further includes:
when other frames exist on the current interface, acquiring coordinates of the other frames, wherein the other frames are any frame on the current interface;
and controlling the second frame to be aligned with the other frames in the horizontal coordinate direction or the vertical coordinate direction according to the coordinates of the other frames and the coordinates of the second frame.
Optionally, the taking the obtained style picture including the first frame as an input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm includes:
sequentially taking a plurality of style pictures as the input of the edge detection algorithm to obtain a plurality of frames output by the edge detection algorithm, wherein the style picture containing the first frame is any picture in the plurality of style pictures;
after the frame generation instruction is acquired, generating a second frame of the target chart on the current interface according to the position information of the target chart contained in the frame generation instruction and the first resource file, wherein the second frame comprises the following steps:
after acquiring a frame generation instruction, acquiring position information of the target chart contained in the frame generation instruction;
and after a selection instruction for selecting the first frame from the plurality of frames is acquired, generating the second frame of the target chart on the current interface according to the position information of the target chart and the first resource file.
According to a second aspect of an embodiment of the present disclosure, there is provided a generating apparatus for a chart frame, the apparatus including:
The acquisition module is used for taking the acquired style picture containing the first frame as the input of a preset edge detection algorithm so as to acquire the first frame output by the edge detection algorithm;
the resource generation module is used for generating a first resource file according to the first frame, wherein the first resource file comprises attribute characteristics of the first frame;
and the frame generation module is used for generating a second frame of the target chart on the current interface according to the position information of the target chart contained in the frame generation instruction and the first resource file after the frame generation instruction is acquired, wherein the second frame is a frame which is provided with the first frame and is matched with the size of the target chart.
Optionally, the acquiring module includes:
the removing sub-module is used for removing image content indicated by the removing mark in the style picture according to the removing mark contained in the style picture so as to obtain an intermediate picture;
and the acquisition submodule is used for taking the intermediate picture as the input of a Canny edge detection algorithm so as to acquire the first frame output by the Canny edge detection algorithm.
Optionally, the resource generating module includes:
The vertex angle acquisition submodule is used for acquiring vertex angle information of the first frame, wherein the vertex angle information comprises coordinate information of each vertex angle in the style picture, the area of each vertex angle and the proportion of each vertex angle in the first frame;
the border obtaining submodule is used for obtaining border information of the first border, wherein the border information comprises the length of each border in a plurality of borders of the first border and coordinate information of each border in the style picture;
the description acquisition sub-module is used for acquiring description information of the first frame, wherein the description information comprises at least one of the area, the color and the effect of the first frame;
and the resource generation sub-module is used for generating the first resource file according to the vertex angle information, the side line information and the description information.
Optionally, the frame generating module includes:
the determining submodule is used for determining the length and the width of the target chart according to the coordinate information of the target chart in the current interface after receiving the frame generating instruction;
and the first generation sub-module is used for generating the second frame on the current interface according to the length and the width of the target chart and the first resource file, and the length and the width of the outer edge of the second frame are respectively matched with the length and the width of the target chart.
Optionally, the apparatus further includes:
the determining module is used for determining the gravity center of the target chart and the vertex of the minimum area capable of containing all effective information in the target chart according to the attribute of the target chart after the frame generating instruction is acquired, the position information of the target chart is contained in the frame generating instruction, and the second frame of the target chart is generated on the current interface by the first resource file, wherein the attribute comprises the type of the target chart and coordinates corresponding to the effective information contained in the target chart, and the effective information comprises patterns and/or characters in the target chart;
the control module is used for controlling the center of the second frame to coincide with the gravity center of the target chart;
the control module is further configured to control a distance between an inner edge of the second frame and a vertex of the minimum area to meet a preset condition.
Optionally, the apparatus further includes:
the frame acquisition module is used for acquiring coordinates of other frames when the other frames exist on the current interface after the frame generation instruction is acquired, and the second frame of the target chart is generated on the current interface by the first resource file according to the position information of the target chart contained in the frame generation instruction, wherein the other frames are any frames on the current interface;
And the alignment module is used for controlling the alignment of the second frame and the other frames in the abscissa direction or the ordinate direction according to the coordinates of the other frames and the coordinates of the second frame.
Optionally, the obtaining module is configured to sequentially use a plurality of style pictures as input of the edge detection algorithm, so as to obtain a plurality of frames output by the edge detection algorithm, where the style picture including the first frame is any picture in the plurality of style pictures;
the frame generation module comprises:
the instruction acquisition sub-module is used for acquiring the position information of the target chart contained in the frame generation instruction after acquiring the frame generation instruction;
and the second generation sub-module is used for generating the second frame of the target chart on the current interface according to the position information of the target chart and the first resource file after acquiring a selection instruction for selecting the first frame from the plurality of frames.
According to a third aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of the method for generating a graph border provided in the first aspect.
According to a fourth aspect of embodiments of the present disclosure, there is provided an electronic device, comprising:
a memory having a computer program stored thereon;
and a processor for executing the computer program in the memory to implement the steps of the method for generating a chart border provided in the first aspect.
Through the technical scheme, the method comprises the steps of firstly obtaining a style picture containing a first frame, taking the style picture as input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm, generating a first resource file containing attribute characteristics of the first frame according to the first frame, and generating a second frame which is matched with the size of the target chart and is identical to the style of the first frame on a current interface according to position information of the target chart and the first resource file contained in the frame generation instruction after the frame generation instruction is obtained. According to the method, on the premise that manual adjustment of a user is not needed, the frame matched with the chart in size can be automatically generated according to the frame pattern required by the user, the operation is convenient, the display is clear, and the user experience is improved.
Additional features and advantages of the present disclosure will be set forth in the detailed description which follows.
Drawings
The accompanying drawings are included to provide a further understanding of the disclosure, and are incorporated in and constitute a part of this specification, illustrate the disclosure and together with the description serve to explain, but do not limit the disclosure. In the drawings:
FIG. 1 is a flowchart illustrating a method of generating a chart border, according to an example embodiment;
FIG. 2 is a flowchart illustrating another method of generating a chart border, according to an example embodiment;
FIG. 3a is a flowchart illustrating another method of generating a chart border, according to an example embodiment;
FIG. 3b is a schematic diagram of a first frame in the method for generating a diagram frame according to FIG. 3 a;
FIG. 4 is a flowchart illustrating another method of generating a chart border, according to an example embodiment;
FIG. 5a is a flowchart illustrating another method of generating a chart border, according to an example embodiment;
FIG. 5b is a schematic diagram of a target chart in a method of generating a chart border according to the diagram of FIG. 5 a;
FIG. 6 is a flowchart illustrating another method of generating a chart border, according to an example embodiment;
FIG. 7 is a flowchart illustrating another method of generating a chart border, according to an example embodiment;
FIG. 8 is a block diagram illustrating a diagram of a generating device for a chart border, according to an example embodiment;
FIG. 9 is a block diagram of another diagram border generation apparatus shown in accordance with an exemplary embodiment;
FIG. 10 is a block diagram of another diagram border generation apparatus shown in accordance with an exemplary embodiment;
FIG. 11 is a block diagram of another diagram border generation apparatus shown in accordance with an exemplary embodiment;
FIG. 12 is a block diagram of another diagram border generation apparatus shown in accordance with an exemplary embodiment;
FIG. 13 is a block diagram of another diagram border generation apparatus shown in accordance with an exemplary embodiment;
FIG. 14 is a block diagram of another diagram border generation apparatus shown in accordance with an exemplary embodiment;
fig. 15 is a block diagram of an electronic device, according to an example embodiment.
Detailed Description
Reference will now be made in detail to exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numbers in different drawings refer to the same or similar elements, unless otherwise indicated. The implementations described in the following exemplary examples are not representative of all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present disclosure as detailed in the accompanying claims.
Before describing the method, the device, the storage medium and the electronic equipment for generating the chart frame provided by the present disclosure, first, application scenarios related to various embodiments in the present disclosure are described, where the application scenarios are visualization scenarios of charts, for example, an instrument panel implemented based on Web technology, where one or more charts may be displayed, each chart corresponds to a Web Widget (chinese: widget) as a container, and various user-required data may be displayed in the charts. In this embodiment, the display of the dashboard may be implemented on a terminal or a server, where the server may be a local server or a cloud server, and the terminal may be a mobile terminal such as a smart phone, a tablet computer, a smart television, a smart watch, a PDA (english: personalDigital Assistant, chinese: personal digital assistant), a portable computer, or a fixed terminal such as a desktop computer.
FIG. 1 is a flowchart illustrating a method of generating a chart border, according to an exemplary embodiment, as shown in FIG. 1, the method comprising:
For example, when a user needs to add a certain frame to the chart, the style picture containing the style of the frame can be directly sent to the server or the terminal, and the server or the terminal extracts the frame contained in the style picture by using a preset edge detection algorithm, so that a special image processing tool is not needed to design the frame, and the user operation is facilitated. Taking the first frame as an example, firstly, a style picture containing the first frame is obtained, and the style picture is used as the input of an edge algorithm to obtain the first frame output by the edge detection algorithm, namely, the boundary information of the first frame contained in the style picture is identified.
For example, after a first frame in the style picture is identified, a first resource file is generated according to attribute features of the first frame. The first resource file may be a separate file that is invoked when the user needs to use the first border. The attribute features may be understood as features that can fully describe the first frame, i.e. according to the attribute features, the first frame can be drawn. For example, the attribute features may include: the area occupied by the first frame in the style picture, the coordinate information of the first frame in the style picture, the coordinate information and the area corresponding to the image elements (such as vertex angle style, side line style, etc.) of the first frame, and the like.
For example, a plurality of charts can be displayed on the current interface, a user can perform a designated operation (such as clicking, double clicking, long clicking, etc.) on the target chart in the display area on the current interface, or an icon corresponding to the first frame displayed on the current interface can be dragged into the display area of the target chart on the current interface to trigger a frame generation instruction, wherein the frame generation instruction includes the position information of the target chart (such as the position of the target chart on the current interface). And after the frame generation instruction is acquired, generating a second frame matched with the size of the target chart on the current interface according to the position information of the target chart and the first resource file, wherein the second frame is identical to the first frame in style. The second border is matched with the target chart in size, which means that the length and the width of the second border are respectively matched with the length and the width of the target chart, that is, the difference of the length of the second border minus the length of the target chart is equal to a preset first distance, the difference of the width of the second border minus the width of the target chart is equal to a preset second distance, and the target chart can be completely surrounded by the second border.
It should be noted that, in the embodiment provided by the present disclosure, the second frame and the target chart may be disposed in two different layers, so as to avoid interaction interference between the second frame and the target chart during the display process.
In summary, the present disclosure firstly obtains a style picture including a first frame, uses the style picture as an input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm, then generates a first resource file including attribute features of the first frame according to the first frame, and generates a second frame which is matched with the size of the target chart and is identical to the style of the first frame on a current interface according to position information of the target chart and the first resource file included in the frame generation instruction after obtaining the frame generation instruction. According to the method, on the premise that manual adjustment of a user is not needed, the frame matched with the chart in size can be automatically generated according to the frame pattern required by the user, the operation is convenient, the display is clear, and the user experience is improved.
FIG. 2 is a flowchart illustrating another method of generating a chart border, according to an exemplary embodiment, as shown in FIG. 2, step 101 includes:
and step 1011, removing the image content indicated by the rejection mark in the style picture according to the rejection mark contained in the style picture, so as to obtain an intermediate picture.
For example, the borders included in the style picture may have a certain difference from the borders of the user's needs, so the user may add one or more rejection marks in the style picture in advance, where each rejection mark indicates the image content of a preset number of pixels (for example, 8×8 pixel blocks). After the style picture is obtained, firstly removing the image content indicated by the rejection mark in the style picture to obtain an intermediate picture. And taking the intermediate picture as input of a Canny edge detection algorithm, carrying out Gaussian filtering on the intermediate picture to smooth the image so as to remove noise, then applying a Non-maximum suppression (English: non-maximum Suppression) technology to eliminate edge false detection according to the intensity gradient of the smoothed intermediate picture, and finally determining the boundary in the intermediate picture according to a double-threshold algorithm so as to output a first frame contained in the intermediate picture.
FIG. 3a is a flowchart illustrating another method of generating a chart border, as shown in FIG. 3a, according to an exemplary embodiment, step 102 includes:
and 1021, obtaining vertex angle information of the first frame, wherein the vertex angle information comprises coordinate information of each vertex angle in the style picture, the area of each vertex angle and the proportion of each vertex angle in the first frame.
For example, the obtaining of the first resource file may be achieved by dividing the first frame. For example, the first frame is divided into four corners and four edges, eight image blocks are added, and then the corner information and the edge information of the first frame are acquired from the eight divided image blocks. For the frame pattern indicated by the first frame, the proportion of the top corners in the frame is fixed, and the proportion of the side lines in the frame is variable, so that four top corners in the first frame can be divided into four image blocks, four side lines in the first frame can be divided into a plurality of image blocks, for example, each side line can be further divided into eight image blocks, and then the four side lines can be divided into thirty-two image blocks. As shown in fig. 3b, the first frame may be divided into a, b, c, d, e, f, g, h image blocks, and the vertex angle information and the edge line information of the first frame included in the eight image blocks may be obtained. The vertex angle information comprises coordinate information of each vertex angle in the style picture, the area of each vertex angle and the proportion of each vertex angle in the first frame. The edge information comprises the length of each edge in the plurality of edges of the first frame and the coordinate information of each edge in the style picture. And identifying descriptive information in the first frame, wherein the descriptive information comprises at least one of area, color and effect (such as flicker, transparency and the like) of the first frame. And finally, generating a first resource file according to the vertex angle information, the side line information and the description information.
Fig. 4 is a flowchart illustrating another method for generating a chart border according to an exemplary embodiment, and as shown in fig. 4, step 103 may be implemented by:
And 1032, generating a second frame on the current interface according to the length and the width of the target chart and the first resource file, wherein the length and the width of the outer edge of the second frame are respectively matched with the length and the width of the target chart.
For example, a plurality of charts may be displayed on the current interface, and the user may select a target chart from the plurality of charts by triggering a frame generation instruction. After the frame generating instruction is acquired, determining the length and the width of the target chart according to the coordinate information of the target chart in the current interface. Generating a second frame on the current interface according to the length and width of the target chart and the first resource file,
the second frame may be divided into an inner edge and an outer edge, the outer edge may indicate an outer boundary of the second frame, and the inner edge may indicate an inner boundary of the second frame. The length and width of the outer edge of the second frame are matched with the length and width of the target chart respectively, so that the target chart can be completely surrounded by the second frame. The length and width of the outer edge of the second frame are respectively matched with the length and width of the target chart, which can be understood that the difference of the length of the outer edge of the second frame minus the length of the target chart is equal to a preset first distance, and the difference of the width of the outer edge of the second frame minus the width of the target chart is equal to a preset second distance, so that a certain space still exists between the outer edge of the second frame and the target chart.
FIG. 5a is a flowchart illustrating another method of generating a chart border, as shown in FIG. 5a, according to an exemplary embodiment, after step 103, the method further comprises:
and 104, determining the center of gravity of the target chart and the vertex of the minimum area capable of containing all effective information in the target chart according to the attribute of the target chart, wherein the attribute comprises the type of the target chart and coordinates corresponding to the effective information contained in the target chart, and the effective information comprises patterns and/or characters in the target chart.
For example, the center of gravity of the target chart is determined from the attributes of the target chart, and the vertex of the smallest area that can contain all valid information in the target chart. The attribute may include a type of the target chart (e.g., a bar chart, a pie chart, a line chart, etc.) and coordinates corresponding to effective information included in the target chart, and the effective information may include a pattern in the target chart (e.g., data graphically illustrated in the chart), and/or text (e.g., a diagram, a legend, a chart name, etc.). Taking the target chart as an example shown in fig. 5b, the types of the target charts are: and determining the gravity center of the target chart as the point A according to the coordinates corresponding to the effective information in the target chart, and then determining four vertexes of the minimum area capable of containing all the effective information in the target chart in two dimensions of an ordinate and an abscissa: point B, point C, point D and point E.
And 106, controlling the distance between the inner edge of the second frame and the vertex of the minimum area to meet the preset condition.
For example, after determining the center of gravity of the target graph and the vertex of the minimum region, the center of the second frame is controlled to coincide with the center of gravity of the target graph so that the target graph can be located at the middle position of the second frame. And under the condition that the outer edge of the second frame is not changed, controlling the distance between the inner edge of the second frame and the vertex of the minimum area to meet the preset condition. The preset conditions may include, for example: and controlling the distances between the inner edge of the second frame and the points B, C, D and E respectively to be preset distances in two dimensions of an ordinate and an abscissa.
FIG. 6 is a flowchart illustrating another method of generating a chart border, as shown in FIG. 6, according to an exemplary embodiment, after step 103, the method may further include:
and 107, when other frames exist on the current interface, acquiring coordinates of the other frames, wherein the other frames are any frames on the current interface.
And step 108, controlling the second frame to be aligned with the other frames in the abscissa direction or the ordinate direction according to the coordinates of the other frames and the coordinates of the second frame.
For example, a plurality of charts may be displayed on the current interface, each chart may generate a corresponding frame according to steps 101 through 103. After the second frame is generated, when other frames than the second frame exist, the second frame may be adjusted to be aligned with the other frames in the abscissa or ordinate direction. First, the coordinates of other frames are obtained, and then, according to the coordinates of the other frames and the coordinates of the second frame, the second frame is determined to be aligned with the other frames in the abscissa direction or the ordinate direction. For example: when the difference between the center of the second frame and the center of the other frame in the abscissa direction is larger than the difference between the outer edges of the second frame and the other frames in the ordinate direction, the outer edges of the second frame and the outer edges of the other frames can be controlled to be aligned in the ordinate direction, and when the difference between the center of the second frame and the center of the other frames in the abscissa direction is smaller than the difference between the outer edges of the second frame and the other frames in the ordinate direction, the outer edges of the second frame and the outer edges of the other frames can be controlled to be aligned in the abscissa direction.
FIG. 7 is a flowchart illustrating another method of generating a chart border, according to an exemplary embodiment, as shown in FIG. 7, step 101 is implemented by:
And sequentially taking the plurality of style pictures as the input of an edge detection algorithm to obtain a plurality of frames output by the edge detection algorithm, wherein the style picture containing the first frame is any picture in the plurality of style pictures.
Step 103 may comprise the steps of:
For example, in the process of implementing the chart visualization, the user may need multiple frames, so in step 101, multiple style pictures may be acquired, each style picture includes one frame, and the multiple style pictures are used as input of the edge detection algorithm to acquire multiple frames output by the edge detection algorithm for selection by the user. And taking the style picture containing the first frame as input of an edge detection algorithm, wherein the output of the edge detection algorithm is the first frame. Accordingly, in step 102, the plurality of frames may be partitioned to obtain a plurality of resource files including attribute features of the plurality of frames. In step 103, after obtaining the frame generation instruction, determining the position information of the target chart according to the frame generation instruction, determining that the user selects the first frame from the plurality of frames according to the obtained selection instruction, and finally generating the second frame of the target chart on the current interface according to the position information of the target chart and the first resource file corresponding to the first frame.
In summary, the present disclosure firstly obtains a style picture including a first frame, uses the style picture as an input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm, then generates a first resource file including attribute features of the first frame according to the first frame, and generates a second frame which is matched with the size of the target chart and is identical to the style of the first frame on a current interface according to position information of the target chart and the first resource file included in the frame generation instruction after obtaining the frame generation instruction. According to the method, on the premise that manual adjustment of a user is not needed, the frame matched with the chart in size can be automatically generated according to the frame pattern required by the user, the operation is convenient, the display is clear, and the user experience is improved.
Fig. 8 is a block diagram illustrating a chart border generating apparatus according to an exemplary embodiment, and as shown in fig. 8, the apparatus 200 includes:
the obtaining module 201 is configured to take the obtained style picture including the first frame as an input of a preset edge detection algorithm, so as to obtain the first frame output by the edge detection algorithm.
The resource generating module 202 is configured to generate a first resource file according to the first frame, where the first resource file includes attribute features of the first frame.
And the frame generating module 203 is configured to generate, when the frame generating instruction is acquired, a second frame of the target chart on the current interface according to the position information of the target chart included in the frame generating instruction and the first resource file, where the second frame is a frame having a style of the first frame and matching a size of the target chart.
Fig. 9 is a block diagram of another chart frame generating apparatus according to an exemplary embodiment, and as shown in fig. 9, the obtaining module 201 includes:
and the rejection submodule 2011 is used for removing the image content indicated by the rejection mark in the style picture according to the rejection mark contained in the style picture so as to obtain an intermediate picture.
An obtaining submodule 2012 is configured to take the intermediate picture as an input of the Canny edge detection algorithm to obtain a first frame output by the Canny edge detection algorithm.
Fig. 10 is a block diagram of another chart border generation apparatus, according to an exemplary embodiment, and as shown in fig. 10, the resource generation module 202 includes:
the vertex angle acquisition submodule 2021 is configured to acquire vertex angle information of the first frame, where the vertex angle information includes coordinate information of each vertex angle in the style picture, an area of each vertex angle, and a proportion of each vertex angle in the first frame.
The edge obtaining submodule 2022 is configured to obtain edge information of the first frame, where the edge information includes a length of each edge of the plurality of edges of the first frame and coordinate information of each edge in the style picture.
The description acquiring submodule 2023 is configured to acquire description information of the first frame, where the description information includes at least one of an area, a color, and an effect of the first frame.
The resource generating sub-module 2024 is configured to generate a first resource file according to the vertex angle information, the edge line information, and the description information.
Fig. 11 is a block diagram of another chart border generation apparatus, according to an exemplary embodiment, as shown in fig. 11, the border generation module 203 includes:
the determining submodule 2031 is configured to determine, after receiving the frame generating instruction, a length and a width of the target chart according to coordinate information of the target chart in the current interface.
The first generating sub-module 2032 is configured to generate, on the current interface, a second frame according to the length and the width of the target chart and the first resource file, where the length and the width of the outer edge of the second frame are respectively matched with the length and the width of the target chart.
Fig. 12 is a block diagram of another chart border generation apparatus according to an exemplary embodiment, and as shown in fig. 12, the apparatus 200 further includes:
The determining module 204 is configured to determine, after acquiring the frame generating instruction, a center of gravity of the target graph and a vertex of a minimum area capable of containing all effective information in the target graph according to an attribute of the target graph after generating, according to position information of the target graph contained in the frame generating instruction and the first resource file, a second frame of the target graph on the current interface, where the attribute includes a type of the target graph and coordinates corresponding to the effective information contained in the target graph, and the effective information includes a pattern and/or text in the target graph.
And the control module 205 is used for controlling the center of the second frame to coincide with the center of gravity of the target chart.
The control module 205 is further configured to control a distance between an inner edge of the second frame and a vertex of the minimum area to satisfy a preset condition.
Fig. 13 is a block diagram of another apparatus for generating a chart border, according to an exemplary embodiment, as shown in fig. 13, the apparatus 200 further includes:
the frame obtaining module 206 is configured to obtain coordinates of other frames when other frames exist on the current interface according to the position information of the target graph included in the frame generating instruction and the second frame of the target graph generated on the current interface by the first resource file after the frame generating instruction is obtained, where the other frames are any frames on the current interface.
The alignment module 207 is configured to control the alignment of the second frame and the other frames in the abscissa direction or the ordinate direction according to the coordinates of the other frames and the coordinates of the second frame.
Fig. 14 is a block diagram of another chart frame generating apparatus according to an exemplary embodiment, as shown in fig. 14, an obtaining module 201, configured to sequentially use a plurality of style pictures as input of an edge detection algorithm, so as to obtain a plurality of frames output by the edge detection algorithm, where a style picture including a first frame is any one of the plurality of style pictures.
The frame generation module 203 includes:
the instruction obtaining sub-module 2033 is configured to obtain, after obtaining the frame generating instruction, location information of the target chart included in the frame generating instruction.
The second generating sub-module 2034 is configured to generate, according to the location information of the target chart and the first resource file, a second frame of the target chart on the current interface after acquiring a selection instruction for selecting the first frame from the plurality of frames.
The specific manner in which the various modules perform the operations in the apparatus of the above embodiments have been described in detail in connection with the embodiments of the method, and will not be described in detail herein.
In summary, the present disclosure firstly obtains a style picture including a first frame, uses the style picture as an input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm, then generates a first resource file including attribute features of the first frame according to the first frame, and generates a second frame which is matched with the size of the target chart and is identical to the style of the first frame on a current interface according to position information of the target chart and the first resource file included in the frame generation instruction after obtaining the frame generation instruction. According to the method, on the premise that manual adjustment of a user is not needed, the frame matched with the chart in size can be automatically generated according to the frame pattern required by the user, the operation is convenient, the display is clear, and the user experience is improved.
Fig. 15 is a block diagram of an electronic device 300, according to an example embodiment. As shown in fig. 15, the electronic device 300 may include: a processor 301, a memory 302. The electronic device 300 may also include one or more of a multimedia component 303, an input/output (I/O) interface 304, and a communication component 305.
The processor 301 is configured to control the overall operation of the electronic device 300 to complete all or part of the steps in the method for generating a chart frame. The memory 302 is used to store various types of data to support operation at the electronic device 300, which may include, for example, instructions for any application or method operating on the electronic device 300, as well as application-related data, such as contact data, transceived messages, pictures, audio, video, and the like. The Memory 302 may be implemented by any type or combination of volatile or non-volatile Memory devices, such as static random access Memory (Static Random Access Memory, SRAM for short), electrically erasable programmable Read-Only Memory (Electrically Erasable Programmable Read-Only Memory, EEPROM for short), erasable programmable Read-Only Memory (Erasable Programmable Read-Only Memory, EPROM for short), programmable Read-Only Memory (Programmable Read-Only Memory, PROM for short), read-Only Memory (ROM for short), magnetic Memory, flash Memory, magnetic disk, or optical disk. The multimedia component 303 may include a screen and an audio component. Wherein the screen may be, for example, a touch screen, the audio component being for outputting and/or inputting audio signals. For example, the audio component may include a microphone for receiving external audio signals. The received audio signals may be further stored in the memory 302 or transmitted through the communication component 305. The audio assembly further comprises at least one speaker for outputting audio signals. The I/O interface 304 provides an interface between the processor 301 and other interface modules, which may be a keyboard, mouse, buttons, etc. These buttons may be virtual buttons or physical buttons. The communication component 305 is used for wired or wireless communication between the electronic device 300 and other devices. Wireless communication, such as Wi-Fi, bluetooth, near field communication (Near Field Communication, NFC for short), 2G, 3G or 4G, or a combination of one or more thereof, the corresponding communication component 305 may thus comprise: wi-Fi module, bluetooth module, NFC module.
In an exemplary embodiment, the electronic device 300 may be implemented by one or more application specific integrated circuits (Application Specific Integrated Circuit, abbreviated as ASIC), digital signal processor (Digital Signal Processor, abbreviated as DSP), digital signal processing device (Digital Signal Processing Device, abbreviated as DSPD), programmable logic device (Programmable Logic Device, abbreviated as PLD), field programmable gate array (Field Programmable Gate Array, abbreviated as FPGA), controller, microcontroller, microprocessor, or other electronic component for performing the method of generating a graph frame as described above.
In another exemplary embodiment, a computer readable storage medium is also provided that includes program instructions that, when executed by a processor, implement the steps of the chart border generation method described above. For example, the computer readable storage medium may be the memory 302 including program instructions described above, which are executable by the processor 301 of the electronic device 300 to perform the method of generating a graph border described above.
In summary, the present disclosure firstly obtains a style picture including a first frame, uses the style picture as an input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm, then generates a first resource file including attribute features of the first frame according to the first frame, and generates a second frame which is matched with the size of the target chart and is identical to the style of the first frame on a current interface according to position information of the target chart and the first resource file included in the frame generation instruction after obtaining the frame generation instruction. According to the method, on the premise that manual adjustment of a user is not needed, the frame matched with the chart in size can be automatically generated according to the frame pattern required by the user, the operation is convenient, the display is clear, and the user experience is improved.
The preferred embodiments of the present disclosure have been described in detail above with reference to the accompanying drawings, but the present disclosure is not limited to the specific details of the embodiments described above, and other embodiments of the present disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the present disclosure within the scope of the technical concept of the present disclosure.
In addition, the specific features described in the above embodiments may be combined in any suitable manner without contradiction. While any combination between the various embodiments of the present disclosure is possible, it should also be considered as disclosed in the present disclosure, as long as it does not depart from the spirit of the present disclosure. The present disclosure is not limited to the exact construction that has been described above, but the scope of the present disclosure is limited only by the appended claims.
Claims (16)
1. A method for generating a chart border, the method comprising:
taking the obtained style picture containing the first frame as input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm;
generating a first resource file according to the attribute characteristics of the first frame, wherein the first resource file comprises the attribute characteristics of the first frame; the attribute characteristics comprise the area occupied by the first frame in the style picture, the coordinate information of the first frame in the style picture and the coordinate information and the area corresponding to the image elements of the first frame, wherein the image elements comprise the vertex angle style and the sideline style of the first frame;
After a frame generation instruction is acquired, generating a second frame of the target chart on a current interface according to the position information of the target chart contained in the frame generation instruction and the first resource file, wherein the second frame is a frame which is provided with the first frame and is matched with the size of the target chart; the second frame comprises an inner edge and an outer edge, the difference of the length of the outer edge minus the length of the target chart is equal to a preset first distance, and the difference of the width of the outer edge minus the width of the target chart is equal to a preset second distance.
2. The method according to claim 1, wherein the taking the obtained style picture including the first frame as an input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm includes:
removing image content indicated by the rejection mark in the style picture according to the rejection mark contained in the style picture to obtain an intermediate picture;
and taking the intermediate picture as input of a Canny edge detection algorithm to acquire the first frame output by the Canny edge detection algorithm.
3. The method of claim 1, wherein generating the first resource file according to the attribute features of the first frame comprises:
obtaining vertex angle information of the first frame, wherein the vertex angle information comprises coordinate information of each vertex angle in the style picture, the area of each vertex angle and the proportion of each vertex angle in the first frame;
acquiring edge information of the first frame, wherein the edge information comprises the length of each edge in a plurality of edges of the first frame and coordinate information of each edge in the pattern picture;
acquiring description information of the first frame, wherein the description information comprises at least one of the area, the color and the effect of the first frame;
and generating the first resource file according to the vertex angle information, the side line information and the description information.
4. The method according to claim 1, wherein the generating, when the frame generation instruction is acquired, the second frame of the target chart on the current interface according to the position information of the target chart included in the frame generation instruction and the first resource file includes:
After receiving the frame generation instruction, determining the length and width of the target chart according to the coordinate information of the target chart in the current interface;
and generating the second frame on the current interface according to the length and the width of the target chart and the first resource file, wherein the length and the width of the outer edge of the second frame are respectively matched with the length and the width of the target chart.
5. The method of claim 3, wherein after the obtaining the frame generation instruction, according to the position information of the target graph included in the frame generation instruction, and the first resource file generates the second frame of the target graph on the current interface, the method further comprises:
determining the gravity center of the target chart and the vertex of the minimum area capable of containing all effective information in the target chart according to the attribute of the target chart, wherein the attribute comprises the type of the target chart and coordinates corresponding to the effective information contained in the target chart, and the effective information comprises patterns and/or characters in the target chart;
controlling the center of the second frame to coincide with the center of gravity of the target chart;
And controlling the distance between the inner edge of the second frame and the vertex of the minimum area to meet a preset condition.
6. The method according to claim 1, wherein after the frame generation instruction is acquired, according to the position information of the target graph included in the frame generation instruction, and the second frame of the target graph is generated on the current interface by the first resource file, the method further comprises:
when other frames exist on the current interface, acquiring coordinates of the other frames, wherein the other frames are any frame on the current interface;
and controlling the second frame to be aligned with the other frames in the horizontal coordinate direction or the vertical coordinate direction according to the coordinates of the other frames and the coordinates of the second frame.
7. The method according to claim 1, wherein the taking the obtained style picture including the first frame as an input of a preset edge detection algorithm to obtain the first frame output by the edge detection algorithm includes:
sequentially taking a plurality of style pictures as the input of the edge detection algorithm to obtain a plurality of frames output by the edge detection algorithm, wherein the style picture containing the first frame is any picture in the plurality of style pictures;
After the frame generation instruction is acquired, generating a second frame of the target chart on the current interface according to the position information of the target chart contained in the frame generation instruction and the first resource file, wherein the second frame comprises the following steps:
after acquiring a frame generation instruction, acquiring position information of the target chart contained in the frame generation instruction;
and after a selection instruction for selecting the first frame from the plurality of frames is acquired, generating the second frame of the target chart on the current interface according to the position information of the target chart and the first resource file.
8. A chart border generating device, characterized in that the device comprises:
the acquisition module is used for taking the acquired style picture containing the first frame as the input of a preset edge detection algorithm so as to acquire the first frame output by the edge detection algorithm;
the resource generation module is used for generating a first resource file according to the attribute characteristics of the first frame, wherein the first resource file comprises the attribute characteristics of the first frame; the attribute characteristics comprise the area occupied by the first frame in the style picture, the coordinate information of the first frame in the style picture and the coordinate information and the area corresponding to the image elements of the first frame, wherein the image elements comprise the vertex angle style and the sideline style of the first frame;
The frame generation module is used for generating a second frame of the target chart on the current interface according to the position information of the target chart contained in the frame generation instruction and the first resource file after the frame generation instruction is acquired, wherein the second frame is a frame which is provided with the first frame and is matched with the size of the target chart; the second frame comprises an inner edge and an outer edge, the difference of the length of the outer edge minus the length of the target chart is equal to a preset first distance, and the difference of the width of the outer edge minus the width of the target chart is equal to a preset second distance.
9. The apparatus of claim 8, wherein the acquisition module comprises:
the removing sub-module is used for removing image content indicated by the removing mark in the style picture according to the removing mark contained in the style picture so as to obtain an intermediate picture;
and the acquisition submodule is used for taking the intermediate picture as the input of a Canny edge detection algorithm so as to acquire the first frame output by the Canny edge detection algorithm.
10. The apparatus of claim 8, wherein the resource generation module comprises:
The vertex angle acquisition submodule is used for acquiring vertex angle information of the first frame, wherein the vertex angle information comprises coordinate information of each vertex angle in the style picture, the area of each vertex angle and the proportion of each vertex angle in the first frame;
the border obtaining submodule is used for obtaining border information of the first border, wherein the border information comprises the length of each border in a plurality of borders of the first border and coordinate information of each border in the style picture;
the description acquisition sub-module is used for acquiring description information of the first frame, wherein the description information comprises at least one of the area, the color and the effect of the first frame;
and the resource generation sub-module is used for generating the first resource file according to the vertex angle information, the side line information and the description information.
11. The apparatus of claim 8, wherein the bezel generation module comprises:
the determining submodule is used for determining the length and the width of the target chart according to the coordinate information of the target chart in the current interface after receiving the frame generating instruction;
And the first generation sub-module is used for generating the second frame on the current interface according to the length and the width of the target chart and the first resource file, and the length and the width of the outer edge of the second frame are respectively matched with the length and the width of the target chart.
12. The apparatus of claim 10, wherein the apparatus further comprises:
the determining module is used for determining the gravity center of the target chart and the vertex of the minimum area capable of containing all effective information in the target chart according to the attribute of the target chart after the frame generating instruction is acquired, the position information of the target chart is contained in the frame generating instruction, and the second frame of the target chart is generated on the current interface by the first resource file, wherein the attribute comprises the type of the target chart and coordinates corresponding to the effective information contained in the target chart, and the effective information comprises patterns and/or characters in the target chart;
the control module is used for controlling the center of the second frame to coincide with the gravity center of the target chart;
the control module is further configured to control a distance between an inner edge of the second frame and a vertex of the minimum area to meet a preset condition.
13. The apparatus of claim 8, wherein the apparatus further comprises:
the frame acquisition module is used for acquiring coordinates of other frames when the other frames exist on the current interface after the frame generation instruction is acquired, and the second frame of the target chart is generated on the current interface by the first resource file according to the position information of the target chart contained in the frame generation instruction, wherein the other frames are any frames on the current interface;
and the alignment module is used for controlling the alignment of the second frame and the other frames in the abscissa direction or the ordinate direction according to the coordinates of the other frames and the coordinates of the second frame.
14. The apparatus of claim 8, wherein the obtaining module is configured to sequentially use a plurality of style pictures as input of the edge detection algorithm to obtain a plurality of frames output by the edge detection algorithm, and the style picture including the first frame is any one of the plurality of style pictures;
the frame generation module comprises:
the instruction acquisition sub-module is used for acquiring the position information of the target chart contained in the frame generation instruction after acquiring the frame generation instruction;
And the second generation sub-module is used for generating the second frame of the target chart on the current interface according to the position information of the target chart and the first resource file after acquiring a selection instruction for selecting the first frame from the plurality of frames.
15. A computer readable storage medium, on which a computer program is stored, characterized in that the program, when being executed by a processor, implements the steps of the method according to any one of claims 1-7.
16. An electronic device, comprising:
a memory having a computer program stored thereon;
a processor for executing the computer program in the memory to implement the steps of the method of any one of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811526528.7A CN109766530B (en) | 2018-12-13 | 2018-12-13 | Method and device for generating chart frame, storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811526528.7A CN109766530B (en) | 2018-12-13 | 2018-12-13 | Method and device for generating chart frame, storage medium and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109766530A CN109766530A (en) | 2019-05-17 |
| CN109766530B true CN109766530B (en) | 2023-07-07 |
Family
ID=66451871
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811526528.7A Active CN109766530B (en) | 2018-12-13 | 2018-12-13 | Method and device for generating chart frame, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109766530B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111739119A (en) * | 2020-05-15 | 2020-10-02 | 广州明珞汽车装备有限公司 | Method, system, device and storage medium for inserting picture frame |
| CN112631703B (en) * | 2020-12-25 | 2023-08-01 | 北京百度网讯科技有限公司 | Method, device, equipment and storage medium for generating graphic frame |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101149838A (en) * | 2007-11-09 | 2008-03-26 | 北大方正集团有限公司 | Layout image frame generation method and device |
| CN105096330A (en) * | 2015-08-20 | 2015-11-25 | 厦门美图之家科技有限公司 | Image processing method capable of automatically recognizing pure-color borders, system and a photographing terminal |
| CN106408628A (en) * | 2016-11-25 | 2017-02-15 | 维沃移动通信有限公司 | Image processing method and image processing device |
-
2018
- 2018-12-13 CN CN201811526528.7A patent/CN109766530B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101149838A (en) * | 2007-11-09 | 2008-03-26 | 北大方正集团有限公司 | Layout image frame generation method and device |
| CN105096330A (en) * | 2015-08-20 | 2015-11-25 | 厦门美图之家科技有限公司 | Image processing method capable of automatically recognizing pure-color borders, system and a photographing terminal |
| CN106408628A (en) * | 2016-11-25 | 2017-02-15 | 维沃移动通信有限公司 | Image processing method and image processing device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109766530A (en) | 2019-05-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10331394B1 (en) | Manipulating shared screen content | |
| US20180232135A1 (en) | Method for window displaying on a mobile terminal and mobile terminal | |
| CN111866423B (en) | Screen recording method for electronic terminal and corresponding equipment | |
| CN106980510B (en) | Window self-adaption method and device of player | |
| US10554803B2 (en) | Method and apparatus for generating unlocking interface, and electronic device | |
| US20180101298A1 (en) | Graph display apparatus, graph display method and storage medium | |
| EP3822758B1 (en) | Method and apparatus for setting background of ui control | |
| CN113126862B (en) | Screen capture method and device, electronic equipment and readable storage medium | |
| CN110574000B (en) | display device | |
| CN108905203B (en) | Information processing method, information processing apparatus, storage medium, and electronic apparatus | |
| TWI547853B (en) | System and method for displaying user interface | |
| CN110070551A (en) | Rendering method, device and the electronic equipment of video image | |
| KR20150106330A (en) | Image display apparatus and image display method | |
| CN109766530B (en) | Method and device for generating chart frame, storage medium and electronic equipment | |
| US20200020306A1 (en) | Image processing apparatus, program and image processing method | |
| US20130236117A1 (en) | Apparatus and method for providing blurred image | |
| CN110737417B (en) | Demonstration equipment and display control method and device of marking line of demonstration equipment | |
| CN105094614B (en) | Method for displaying image and device | |
| WO2023071861A1 (en) | Data visualization display method and apparatus, computer device, and storage medium | |
| CN111796736B (en) | Application sharing method and device and electronic equipment | |
| CN114518859A (en) | Display control method, display control device, electronic equipment and storage medium | |
| CN114879872A (en) | Display method, display device, electronic equipment and storage medium | |
| CN114116106A (en) | Chart display method and device, electronic equipment and storage medium | |
| CN110941389A (en) | Method and device for triggering AR information points by focus | |
| CN106951162B (en) | Information processing method and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |