CN110990749A - Webpage thermodynamic diagram drawing method and related device - Google Patents
Webpage thermodynamic diagram drawing method and related device Download PDFInfo
- Publication number
- CN110990749A CN110990749A CN201911318389.3A CN201911318389A CN110990749A CN 110990749 A CN110990749 A CN 110990749A CN 201911318389 A CN201911318389 A CN 201911318389A CN 110990749 A CN110990749 A CN 110990749A
- Authority
- CN
- China
- Prior art keywords
- coordinate point
- webpage
- thermodynamic diagram
- coordinate
- coordinate points
- 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.)
- Pending
Links
- 238000010586 diagram Methods 0.000 title claims abstract description 132
- 238000000034 method Methods 0.000 title claims abstract description 47
- 230000004927 fusion Effects 0.000 claims abstract description 37
- 238000004364 calculation method Methods 0.000 claims abstract description 20
- 238000006243 chemical reaction Methods 0.000 claims abstract description 18
- 238000012545 processing Methods 0.000 claims abstract description 17
- 230000002452 interceptive effect Effects 0.000 claims description 25
- 238000004590 computer program Methods 0.000 claims description 10
- 238000009877 rendering Methods 0.000 claims description 5
- 238000012216 screening Methods 0.000 claims description 3
- 230000009286 beneficial effect Effects 0.000 abstract description 2
- 239000011159 matrix material Substances 0.000 description 9
- 230000008859 change Effects 0.000 description 6
- 230000006399 behavior Effects 0.000 description 3
- 238000004422 calculation algorithm Methods 0.000 description 3
- 238000013079 data visualisation Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000003672 processing method Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000007499 fusion processing Methods 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The application discloses a webpage thermodynamic diagram drawing method, which comprises the following steps: carrying out graph conversion processing on the elements of the acquired target webpage to obtain a plurality of regular graphs; classifying the coordinate points corresponding to the regular graphs in the target page according to preset classification precision to obtain a plurality of coordinate point sets; performing superposition calculation on the heat value of the coordinate points in each coordinate point set according to the heat value of the corresponding element of each coordinate point to obtain a fusion heat value of each coordinate point; and drawing the thermodynamic diagrams according to each coordinate point and the corresponding fusion heat value to obtain the webpage thermodynamic diagrams. The elements in the target webpage are converted into the coordinate points in each coordinate point set, so that thermodynamic diagrams are drawn further, the coordinate points are not directly acquired, and accuracy and drawing efficiency of the thermodynamic diagrams are improved. The application also discloses a webpage thermodynamic diagram drawing device, computer equipment and a computer readable storage medium, which have the beneficial effects.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a webpage thermodynamic diagram drawing method, a webpage thermodynamic diagram drawing apparatus, a computer device, and a computer-readable storage medium.
Background
Data visualization is a scientific and technical study on the visual representation of data. Wherein the visual representation of the data is defined as a kind of information extracted in a summary form, including various attributes and variables of the corresponding information unit. Mainly to technically more advanced technical methods that allow the visual interpretation of data by means of representation, modelling and display of volumes, surfaces, attributes and animations, with graphics, image processing, computer vision and user interfaces. The thermodynamic diagram is a relatively common expression form in data visualization, and is mainly used for expressing the difference between a certain position and other positions on a certain number of superpositions.
And the thermodynamic diagram of the webpage is generally used for representing a data visualization scheme of behavior operation and attention of webpage visitors to specific positions of the webpage. So as to observe what the location of the primary click is when the user is using the web page, and where the user is focusing on when using the web page. And finally, optimizing the page content through the result of the webpage thermodynamic diagram, and improving the user experience of the webpage. Specifically, according to a basic implementation manner of the thermodynamic diagram in the prior art, the thermodynamic diagram of the web page generally needs to be drawn by relying on target coordinate information of a click behavior of a visitor on the web page and a superposition amount of the coordinate information. And directly acquiring the coordinate points and then performing drawing operation, wherein the coordinate points in the page are required to be acquired during drawing. However, in some cases, an accurate thermodynamic diagram cannot be drawn without obtaining an accurate coordinate point. In addition, the acquired coordinate points are the coordinate points recorded under the current page size, but when the page size changes, the coordinate system of the coordinate points changes, and the original coordinate points cannot be used under the coordinate system, the coordinate points need to be acquired again, so that the efficiency of thermodynamic diagram drawing is reduced.
Therefore, how to improve the accuracy and efficiency of webpage thermodynamic diagrams is a key issue of attention for those skilled in the art.
Disclosure of Invention
The application aims to provide a webpage thermodynamic diagram drawing method, a webpage thermodynamic diagram drawing device, a computer device and a computer readable storage medium, elements in a target webpage are converted into coordinate points in each coordinate point set, thermodynamic diagram drawing is further conducted, the coordinate points are not directly acquired, and accuracy and drawing efficiency of the thermodynamic diagram are improved.
In order to solve the technical problem, the present application provides a method for drawing a webpage thermodynamic diagram, including:
carrying out graph conversion processing on the elements of the acquired target webpage to obtain a plurality of regular graphs;
classifying the coordinate points corresponding to the regular graphs in the target page according to preset classification precision to obtain a plurality of coordinate point sets;
performing superposition calculation on the heat value of the coordinate points in each coordinate point set according to the heat value of the corresponding element of each coordinate point to obtain a fusion heat value of each coordinate point;
and drawing the thermodynamic diagrams according to each coordinate point and the corresponding fusion heat value to obtain the webpage thermodynamic diagrams.
Optionally, the obtaining of the plurality of rule graphs by performing graph transformation on the obtained elements of the target webpage includes:
acquiring elements of the target webpage and heat values corresponding to the elements from a server;
screening all elements according to the heat values corresponding to the elements to obtain a plurality of elements to be drawn;
and carrying out graph conversion processing on the plurality of elements to be drawn according to graph composition rules to obtain a plurality of rule graphs.
Optionally, classifying the coordinate points corresponding to the plurality of rule graphs in the target page according to a preset classification precision to obtain a plurality of coordinate point sets, including:
dividing the target webpage into a plurality of grids according to the preset classification precision;
filling corresponding coordinate points of the plurality of regular graphs in the target page into corresponding grids;
and taking each grid as a coordinate point set to obtain the multiple coordinate point sets.
Optionally, filling the corresponding coordinate points of the plurality of rule graphs in the target page into corresponding grids, including:
filling a plurality of normally distributed coordinate points into each regular graph according to the coordinate system of the target page; taking the plurality of coordinate points as coordinate points corresponding to the regular graph;
and filling the coordinate points corresponding to all the regular graphs into the corresponding grids.
Optionally, the calculating the heat value of the coordinate point in each coordinate point set by superposition according to the heat value of the corresponding element of each coordinate point to obtain the fusion heat value of each coordinate point includes:
assigning the heat value of the corresponding element of each coordinate point as the heat value of the coordinate point;
adding the heat values of all coordinate points in each coordinate point set to obtain a set heat value corresponding to the coordinate point set;
and assigning the set heat value of each coordinate point set as a fusion heat value of all coordinate points in the coordinate point set.
Optionally, performing thermodynamic diagram drawing according to each coordinate point and the corresponding fusion heat value to obtain a webpage thermodynamic diagram, including:
and carrying out thermodynamic diagram drawing on each coordinate point and the corresponding fusion heat value according to a preset threshold value to obtain the webpage thermodynamic diagram.
Optionally, the method further includes:
when an interactive instruction of the webpage thermodynamic diagram is received, copying the webpage structural elements of the target webpage to obtain an interactive copy;
setting the interactive copy to be transparent and covering the interactive copy on the upper layer of the webpage thermodynamic diagram to obtain an interactive thermodynamic diagram;
and performing interactive operation on the interactive thermodynamic diagram according to the interactive instruction.
The application also provides a device is drawn to webpage thermodynamic diagram, includes:
the graph conversion module is used for carrying out graph conversion processing on the obtained elements of the target webpage to obtain a plurality of regular graphs;
the coordinate point classification module is used for classifying the coordinate points corresponding to the rule graphs in the target page according to preset classification precision to obtain a plurality of coordinate point sets;
the heat degree superposition and fusion module is used for carrying out superposition calculation on the heat degree value of the coordinate point in each coordinate point set according to the heat degree value of the corresponding element of each coordinate point to obtain a fusion heat degree value of each coordinate point;
and the thermodynamic diagram drawing module is used for drawing the thermodynamic diagrams according to each coordinate point and the corresponding fusion heat value to obtain the webpage thermodynamic diagrams.
The present application further provides a computer device, comprising:
a memory for storing a computer program;
a processor for implementing the steps of the web page thermodynamic diagram rendering method as described above when executing the computer program.
The present application also provides a computer readable storage medium having stored thereon a computer program which, when being executed by a processor, realizes the steps of the web page thermodynamic diagram rendering method as described above.
The webpage thermodynamic diagram drawing method provided by the application comprises the following steps: carrying out graph conversion processing on the elements of the acquired target webpage to obtain a plurality of regular graphs; classifying the coordinate points corresponding to the regular graphs in the target page according to preset classification precision to obtain a plurality of coordinate point sets; performing superposition calculation on the heat value of the coordinate points in each coordinate point set according to the heat value of the corresponding element of each coordinate point to obtain a fusion heat value of each coordinate point; and drawing the thermodynamic diagrams according to each coordinate point and the corresponding fusion heat value to obtain the webpage thermodynamic diagrams.
The elements in the target webpage are converted into the regular graphs, then the coordinate points of each regular graph in the target webpage are classified to obtain a plurality of coordinate point sets, namely the coordinate points adopted by thermodynamic diagram calculation are obtained from the elements of the target webpage instead of directly obtaining the coordinate points, on one hand, the coordinate points of a user are obtained more comprehensively, on the other hand, the positions of the elements with changed sizes can be changed correspondingly, the correctness of the coordinate points can be kept, finally, the heat in the coordinate point sets are subjected to superposition calculation, the fusion heat value of each coordinate point is obtained, thermodynamic diagram drawing operation is achieved, thermodynamic diagram display is more accurate, the problem of size change is avoided, meanwhile, the elements are adopted for calculation instead of requesting data of the plurality of coordinate points, and the thermodynamic diagram drawing efficiency is improved.
The application also provides a webpage thermodynamic diagram drawing device, computer equipment and a computer readable storage medium, which have the beneficial effects and are not described herein again.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, it is obvious that the drawings in the following description are only embodiments of the present application, and for those skilled in the art, other drawings can be obtained according to the provided drawings without creative efforts.
Fig. 1 is a flowchart of a method for drawing a webpage thermodynamic diagram according to an embodiment of the present application;
fig. 2 is a schematic structural diagram of a device for drawing a webpage thermodynamic diagram according to an embodiment of the present application.
Detailed Description
The core of the application is to provide a webpage thermodynamic diagram drawing method, a webpage thermodynamic diagram drawing device, computer equipment and a computer readable storage medium.
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
In the prior art, according to a basic implementation manner of the thermodynamic diagram, the thermodynamic diagram of a web page generally needs to be drawn by depending on target coordinate information of a click behavior of a visitor on the web page and a superposition amount of the coordinate information. And directly acquiring the coordinate points and then performing drawing operation, wherein the coordinate points in the page are required to be acquired during drawing. However, in some cases, an accurate thermodynamic diagram cannot be drawn without obtaining an accurate coordinate point. In addition, the acquired coordinate points are the coordinate points recorded under the current page size, but when the page size changes, the coordinate system of the coordinate points changes, and the original coordinate points cannot be used under the coordinate system, the coordinate points need to be acquired again, so that the efficiency of thermodynamic diagram drawing is reduced.
Therefore, in order to solve the above problems, the present application provides a method for drawing a web page thermodynamic diagram, in which elements in a target web page are converted into a plurality of regular graphs, coordinate points of each regular graph in the target page are classified to obtain a plurality of coordinate point sets, that is, coordinate points used for calculation of the thermodynamic diagram are obtained from the elements in the target page instead of directly obtaining the coordinate points, on one hand, the coordinate points are obtained more comprehensively, on the other hand, when the position of the element changes due to size change, the correctness of the coordinate points can be maintained, and finally, the heat degrees in the coordinate point sets are calculated in a superposition manner to obtain a fused heat degree value of each coordinate point to realize thermodynamic diagram drawing operation, so that the thermodynamic diagram is displayed more accurately, the problem of size change is avoided, and meanwhile, the elements are used for calculation instead of requesting data of a plurality of coordinate points, the drawing efficiency of the thermodynamic diagram is improved.
The following describes a web page thermodynamic diagram drawing method provided by the present application, by way of an embodiment.
Referring to fig. 1, fig. 1 is a flowchart illustrating a method for drawing a webpage thermodynamic diagram according to an embodiment of the present disclosure.
In this embodiment, the method may include:
s101, carrying out graph conversion processing on the acquired elements of the target webpage to obtain a plurality of regular graphs;
this step is intended to convert the elements in the target web page into a regular graph. Because the elements in the web page have different shapes, possibly regular shapes or irregular shapes, in order to avoid that the different shapes affect the calculation of the heat value in the thermodynamic diagram, the elements are graphically converted into a plurality of regular graphs in the step. It may be that each element is converted into the same regular pattern, e.g. all elements are converted into rectangles. It is also possible to convert each element into an adapted regular pattern, e.g. converting an element fitting a circle into a circle and a fitting rectangle into a rectangle. The most suitable rule pattern may be selected according to actual conditions, and is not specifically limited herein.
Specifically, the specific processing mode of the graphics conversion processing may be changed according to different rule graphics. For example, there is a difference between the processing method for converting into a circle and the processing method for converting into a rectangle, and it is necessary to make specific limitations according to the converted object. Taking the conversion into a rectangle as an example, in this step, the absolute position coordinates of 4 vertexes of an element in a webpage are obtained by a native method of a browser, then the shape closure is performed by connecting 4 coordinate points, and then a binary recursion method is performed to convert the closed 4-edge shape into a matrix. The unit granularity of the matrix can be set according to actual conditions, and can be set as 5px by default.
Therefore, the further steps may comprise:
step 1, obtaining elements of a target webpage and heat values corresponding to the elements from a server;
step 2, screening all elements according to the heat values corresponding to the elements to obtain a plurality of elements to be drawn;
and 3, carrying out graph conversion processing on the multiple elements to be drawn according to the graph composition rule to obtain multiple rule graphs.
Therefore, in the alternative, the heat value corresponding to each element is obtained first instead of the heat value corresponding to each coordinate point, so that the data volume of data obtained from the server is reduced, and the information obtaining efficiency is improved. Then, the elements are screened to obtain a plurality of elements to be drawn, namely, the elements which do not correspond to the heat value are excluded, and the rest elements to be drawn which need to be drawn are the elements to be drawn, so that the data volume processed by a computer is reduced, and the performance consumption is reduced. And finally, carrying out graph conversion processing on the elements to be drawn to obtain a plurality of regular graphs.
S102, classifying coordinate points corresponding to the regular graphs in the target page according to preset classification precision to obtain a plurality of coordinate point sets;
on the basis of S101, this step is intended to classify the coordinate points corresponding to each regular pattern according to the coordinate positions, resulting in a plurality of coordinate point sets. The preset classification precision refers to the coordinate size of each coordinate point set. For example, if a grid is used as each coordinate point set, the length, width and height of the grid are the corresponding classification accuracy. The higher the preset classification accuracy is, the smaller the length, width and height of the grid is. The purpose of the classification in this step is mainly to determine coordinate points superimposed in each set of coordinate points. Therefore, the classification is directly performed in this step.
Specifically, if the grid is used as the classification criterion, the step may include:
step 1, dividing a target webpage into a plurality of grids according to preset classification precision;
step 2, filling corresponding coordinate points of the plurality of regular graphs in the target page into corresponding grids;
and 3, taking each grid as a coordinate point set to obtain a plurality of coordinate point sets.
It can be seen that in this alternative, the target page is first divided into a plurality of grids. Wherein the size of the grid can be determined according to the precision. Then, the coordinate points corresponding to each regular graph are filled into the corresponding grids. The coordinate points corresponding to each regular graph refer to a set of element coordinate points distributed in the regular graph. According to different requirements, the coordinate points of the element coordinate point set may be distributed evenly or unevenly, or may be normally distributed with the center of the graph as the center. The accuracy of the hot spot map representation of the thermal distribution can be improved if a non-even distribution is used. And finally, taking the coordinate point corresponding to each network as a coordinate point set to obtain a plurality of coordinate point sets.
Optionally, step 2 in this alternative may include:
filling a plurality of normally distributed coordinate points into each regular graph according to a coordinate system of the target page; taking a plurality of coordinate points as coordinate points corresponding to the regular graph; and filling the coordinate points corresponding to all the regular graphs into the corresponding grids.
It can be seen that this alternative scheme is mainly to normally distribute coordinate points in each set of coordinate points.
S103, performing superposition calculation on the heat value of the coordinate points in each coordinate point set according to the heat value of the corresponding element of each coordinate point to obtain a fusion heat value of each coordinate point;
on the basis of S102, this step aims to perform superposition calculation according to the heat values of all coordinate points in each coordinate point set, so as to obtain a fusion heat value of each coordinate point. That is, the heat fusion process is performed. Specifically, all the heat values in each coordinate point set are added to obtain a total heat value, and then the total heat value is assigned to each coordinate in the coordinate point set.
Specifically, the step may include:
step 1, assigning the heat value of the corresponding element of each coordinate point as the heat value of the coordinate point;
step 2, adding the heat values of all coordinate points in each coordinate point set to obtain a set heat value corresponding to the coordinate point set;
and 3, assigning the set heat value of each coordinate point set as a fusion heat value of all coordinate points in the coordinate point set.
Therefore, in the step, each coordinate point and the fused heat value of the coordinate point after the heat values of all the coordinate points are fused are obtained finally.
And S104, performing thermodynamic diagram drawing according to each coordinate point and the corresponding fusion heat value to obtain a webpage thermodynamic diagram.
On the basis of S103, the step aims to perform thermodynamic diagram drawing according to the fusion heat value corresponding to each coordinate point to obtain a webpage thermodynamic diagram. On the basis of obtaining each coordinate point and the corresponding fusion heat value, any thermodynamic diagram drawing method provided in the prior art can be adopted in the step, and details are not repeated here.
Optionally, this step may include:
and carrying out thermodynamic diagram drawing on each coordinate point and the corresponding fusion heat value according to a preset threshold value to obtain a webpage thermodynamic diagram.
In addition, the present embodiment may further include:
step 1, copying a webpage structural element of a target webpage to obtain an interactive copy when an interactive instruction of a webpage thermodynamic diagram is received;
step 2, setting the interactive copy to be transparent and covering the interactive copy on the upper layer of the webpage thermodynamic diagram to obtain the interactive thermodynamic diagram;
and 3, performing interactive operation on the interactive thermodynamic diagram according to the interactive instruction.
Therefore, the alternative scheme mainly provides an interaction method on the basis of drawing the thermodynamic diagram. The interaction method can avoid the influence of thermodynamic diagrams to directly carry out interaction operation on the target webpage.
It should be noted that the heat value described in this embodiment may be a number of clicks, a degree of attention, or other dimensions for measuring a used amount. And the drawing is not exclusive, and can be replaced according to different requirements in specific drawing.
In summary, in the embodiment, elements in the target webpage are converted into a plurality of regular graphs, and then coordinate points of each regular graph in the target page are classified to obtain a plurality of coordinate point sets, that is, coordinate points used for thermodynamic diagram calculation are obtained from the elements of the target page instead of directly obtaining the coordinate points, on one hand, the coordinate points are obtained more comprehensively, on the other hand, when the position of the element changes due to size change, the accuracy of the coordinate points can be maintained, and finally, the heat in the coordinate point sets is calculated in a superposition manner to obtain the fusion heat value of each coordinate point to realize thermodynamic diagram drawing operation, so that thermodynamic diagram display is more accurate, the problem of size change is avoided, and meanwhile, the elements are used for calculation instead of requesting data of a plurality of coordinate points, thereby improving the drawing efficiency of thermodynamic diagrams.
The method for drawing a webpage thermodynamic diagram provided by the present application is further described below by using another specific embodiment.
In this embodiment, the method may include:
step 1, acquiring the number of clicks (or attention or other dimensions for measuring the used amount) of each element from a server;
step 2, the client scans the elements;
step 3, converting the elements into a matrix through a preset algorithm;
step 4, performing heat grid division on the whole webpage;
step 5, filling the coordinates corresponding to the matrix into a grid, and assigning the initial click number (or the attention or the dimension of other measurement used quantity) of the element to each coordinate as an energy initial value;
step 6, summarizing the energy values of the coordinates contained in each grid to be used as grid energy values;
step 7, assigning the grid energy value to the fusion energy value of each coordinate point in the grid;
step 8, taking each coordinate point and the corresponding fusion energy value as thermodynamic diagram drawing information;
and 9, performing thermodynamic diagram drawing operation according to the thermodynamic diagram drawing information.
Specifically, the method for acquiring the position and the shape block of the webpage element in this embodiment may include: firstly, the elements needing to be drawn with the heat are identified through element heat information, and in order to reduce redundant browser performance consumption. These elements are then subjected to the position and shape region acquisition operation. Specifically, the absolute position coordinates of 4 vertexes of the element in the webpage can be obtained through a native method of the browser, then the shape is closed by connecting the 4 coordinate points, and then a binary recursion method is performed to convert the closed 4-sided polygon into a matrix. The unit granularity of the matrix can be set according to actual conditions, and 5px granularity is defaulted.
In addition, because the ordinary thermodynamic diagram is drawn by taking the coordinates and the heat corresponding to the coordinate points as basic data, the superposition effect cannot be reflected by the simple coordinates, the probability of complete superposition of the coordinate points is very small, so a rule of superposition of similarity is needed, the size of the grid represents the precision of a superposition unit by carrying out grid division on the webpage, and the heat values corresponding to the coordinates in the same grid are accumulated.
And acquiring the information of the coverage condition of each block after acquiring the matrix information of the element needing to draw the thermodynamic diagram. That is, all coordinate points in the matrix corresponding to the required elements are converted into an array of coordinate points, and all collected coordinate points are put into a preset superposition rule grid to perform heat superposition processing on the coordinate points. Colloquially, coordinates that lie within the same grid are defined as an overlay.
And finally, converting the matrix information and the coverage information into thermodynamic diagram drawing information, and drawing the thermodynamic diagram. Specifically, all coordinate points and the heat value of each coordinate point are acquired, and then a thermodynamic diagram is drawn. An HMTL Canvas object through the browser may be selected for rendering. The method comprises the steps of traversing all coordinate points and the heat of each coordinate point to draw points, setting a threshold value of a gradient style according to actual conditions, and then drawing the gradient initial color of the points according to the heat.
Furthermore, the thermodynamic diagrams can be interactively processed on the basis. The method mainly comprises the steps of generating an element object which is completely the same as an original webpage structure by copying an original webpage structure element, setting the element object to be transparent, and covering the element object on an upper layer of a thermodynamic diagram (the element object is visually transparent, but a mouse can still operate on the element object, such as clicking) to form three superimposed layers. Namely, the bottom layer is an original webpage structure layer, the middle layer is a thermodynamic diagram, and the top layer is a transparent webpage structure layer, so that interactive operation on the webpage is realized.
It can be seen that in the embodiment, elements in the target webpage are converted into a plurality of regular graphs, and then coordinate points of each regular graph in the target webpage are classified to obtain a plurality of coordinate point sets, that is, coordinate points used for thermodynamic diagram calculation are obtained from the elements of the target webpage instead of directly obtaining the coordinate points, on one hand, the coordinate points of a user are obtained more comprehensively, on the other hand, when the size of the element changes, the position of the element also changes correspondingly, the correctness of the coordinate points can be maintained, and finally, the heat in the coordinate point sets is calculated in a superposition manner, and the fusion heat value of each coordinate point is obtained to realize thermodynamic diagram drawing operation, so that thermodynamic diagram display is more accurate, the problem of size change is avoided, and meanwhile, the elements are used for calculation instead of requesting data of a plurality of coordinate points, so that the drawing efficiency of the thermodynamic diagram is improved.
In the following, a webpage thermodynamic diagram drawing device provided by an embodiment of the present application is introduced, and a webpage thermodynamic diagram drawing device described below and a webpage thermodynamic diagram drawing method described above may be referred to in a corresponding manner.
Referring to fig. 2, fig. 2 is a schematic structural diagram of a web page thermodynamic diagram drawing device according to an embodiment of the present application.
In this embodiment, the method may include:
the graph conversion module 100 is configured to perform graph conversion processing on the acquired elements of the target webpage to obtain a plurality of rule graphs;
the coordinate point classification module 200 is configured to classify, according to preset classification accuracy, coordinate points corresponding to the multiple rule graphs in the target page to obtain multiple coordinate point sets;
the heat degree superposition fusion module 300 is configured to perform superposition calculation on the heat degree value of the coordinate point in each coordinate point set according to the heat degree value of the element corresponding to each coordinate point to obtain a fusion heat degree value of each coordinate point;
and the thermodynamic diagram drawing module 400 is configured to perform thermodynamic diagram drawing according to each coordinate point and the corresponding fusion heat value, so as to obtain a webpage thermodynamic diagram.
An embodiment of the present application further provides a computer device, including:
a memory for storing a computer program;
a processor for implementing the steps of the web page thermodynamic diagram drawing method as described in the above embodiments when the computer program is executed.
The embodiment of the present application further provides a computer-readable storage medium, where a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the steps of the method for drawing a webpage thermodynamic diagram as described in the above embodiment are implemented.
The computer-readable storage medium may include: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read-only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
The embodiments are described in a progressive manner in the specification, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other. The device disclosed by the embodiment corresponds to the method disclosed by the embodiment, so that the description is simple, and the relevant points can be referred to the method part for description.
Those of skill would further appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the various illustrative components and steps have been described above generally in terms of their functionality in order to clearly illustrate this interchangeability of hardware and software. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the implementation. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
The steps of a method or algorithm described in connection with the embodiments disclosed herein may be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. A software module may reside in Random Access Memory (RAM), memory, Read Only Memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.
The above provides a web page thermodynamic diagram drawing method, a web page thermodynamic diagram drawing device, a computer device and a computer readable storage medium. The principles and embodiments of the present application are explained herein using specific examples, which are provided only to help understand the method and the core idea of the present application. It should be noted that, for those skilled in the art, it is possible to make several improvements and modifications to the present application without departing from the principle of the present application, and such improvements and modifications also fall within the scope of the claims of the present application.
Claims (10)
1. A webpage thermodynamic diagram drawing method is characterized by comprising the following steps:
carrying out graph conversion processing on the elements of the acquired target webpage to obtain a plurality of regular graphs;
classifying the coordinate points corresponding to the regular graphs in the target page according to preset classification precision to obtain a plurality of coordinate point sets;
performing superposition calculation on the heat value of the coordinate points in each coordinate point set according to the heat value of the corresponding element of each coordinate point to obtain a fusion heat value of each coordinate point;
and drawing the thermodynamic diagrams according to each coordinate point and the corresponding fusion heat value to obtain the webpage thermodynamic diagrams.
2. The webpage thermodynamic diagram drawing method according to claim 1, wherein the step of performing graphic conversion processing on the acquired elements of the target webpage to obtain a plurality of rule graphics comprises:
acquiring elements of the target webpage and heat values corresponding to the elements from a server;
screening all elements according to the heat values corresponding to the elements to obtain a plurality of elements to be drawn;
and carrying out graph conversion processing on the plurality of elements to be drawn according to graph composition rules to obtain a plurality of rule graphs.
3. The method for drawing the webpage thermodynamic diagram according to claim 1, wherein classifying the coordinate points of the rule graphs corresponding to the target page according to a preset classification precision to obtain a plurality of coordinate point sets comprises:
dividing the target webpage into a plurality of grids according to the preset classification precision;
filling corresponding coordinate points of the plurality of regular graphs in the target page into corresponding grids;
and taking each grid as a coordinate point set to obtain the multiple coordinate point sets.
4. The method for drawing the webpage thermodynamic diagram according to claim 3, wherein filling the corresponding coordinate points of the plurality of regular graphs in the target page into the corresponding grids comprises:
filling a plurality of normally distributed coordinate points into each regular graph according to the coordinate system of the target page; taking the plurality of coordinate points as coordinate points corresponding to the regular graph;
and filling the coordinate points corresponding to all the regular graphs into the corresponding grids.
5. The method for drawing the webpage thermodynamic diagram according to claim 1, wherein the step of performing superposition calculation on the heat values of the coordinate points in each coordinate point set according to the heat value of the corresponding element of each coordinate point to obtain a fusion heat value of each coordinate point comprises the following steps:
assigning the heat value of the corresponding element of each coordinate point as the heat value of the coordinate point;
adding the heat values of all coordinate points in each coordinate point set to obtain a set heat value corresponding to the coordinate point set;
and assigning the set heat value of each coordinate point set as a fusion heat value of all coordinate points in the coordinate point set.
6. The method for drawing the webpage thermodynamic diagram according to claim 1, wherein the step of drawing the webpage thermodynamic diagram according to each coordinate point and the corresponding fusion heat value to obtain the webpage thermodynamic diagram comprises the following steps:
and carrying out thermodynamic diagram drawing on each coordinate point and the corresponding fusion heat value according to a preset threshold value to obtain the webpage thermodynamic diagram.
7. The web page thermodynamic diagram drawing method according to claim 1, further comprising:
when an interactive instruction of the webpage thermodynamic diagram is received, copying the webpage structural elements of the target webpage to obtain an interactive copy;
setting the interactive copy to be transparent and covering the interactive copy on the upper layer of the webpage thermodynamic diagram to obtain an interactive thermodynamic diagram;
and performing interactive operation on the interactive thermodynamic diagram according to the interactive instruction.
8. A web page thermodynamic diagram drawing apparatus, comprising:
the graph conversion module is used for carrying out graph conversion processing on the obtained elements of the target webpage to obtain a plurality of regular graphs;
the coordinate point classification module is used for classifying the coordinate points corresponding to the rule graphs in the target page according to preset classification precision to obtain a plurality of coordinate point sets;
the heat degree superposition and fusion module is used for carrying out superposition calculation on the heat degree value of the coordinate point in each coordinate point set according to the heat degree value of the corresponding element of each coordinate point to obtain a fusion heat degree value of each coordinate point;
and the thermodynamic diagram drawing module is used for drawing the thermodynamic diagrams according to each coordinate point and the corresponding fusion heat value to obtain the webpage thermodynamic diagrams.
9. A computer device, comprising:
a memory for storing a computer program;
a processor for implementing the steps of the method of web page thermodynamic diagram rendering according to any one of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium, having stored thereon a computer program which, when being executed by a processor, carries out the steps of the method for webpage thermodynamic diagram rendering according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911318389.3A CN110990749A (en) | 2019-12-19 | 2019-12-19 | Webpage thermodynamic diagram drawing method and related device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911318389.3A CN110990749A (en) | 2019-12-19 | 2019-12-19 | Webpage thermodynamic diagram drawing method and related device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110990749A true CN110990749A (en) | 2020-04-10 |
Family
ID=70064968
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911318389.3A Pending CN110990749A (en) | 2019-12-19 | 2019-12-19 | Webpage thermodynamic diagram drawing method and related device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110990749A (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104239042A (en) * | 2014-09-03 | 2014-12-24 | 北京国双科技有限公司 | Thermodynamic chart generating method and method |
| CN107247657A (en) * | 2017-05-18 | 2017-10-13 | 北京京东尚科信息技术有限公司 | Methods, devices and systems for displayed web page coordinate click volume |
| CN110020363A (en) * | 2017-11-16 | 2019-07-16 | 北京国双科技有限公司 | Draw the method and device of thermodynamic chart |
| CN110020350A (en) * | 2017-09-28 | 2019-07-16 | 北京国双科技有限公司 | Method for drafting, device, storage medium and the processor of webpage thermodynamic |
-
2019
- 2019-12-19 CN CN201911318389.3A patent/CN110990749A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104239042A (en) * | 2014-09-03 | 2014-12-24 | 北京国双科技有限公司 | Thermodynamic chart generating method and method |
| CN107247657A (en) * | 2017-05-18 | 2017-10-13 | 北京京东尚科信息技术有限公司 | Methods, devices and systems for displayed web page coordinate click volume |
| CN110020350A (en) * | 2017-09-28 | 2019-07-16 | 北京国双科技有限公司 | Method for drafting, device, storage medium and the processor of webpage thermodynamic |
| CN110020363A (en) * | 2017-11-16 | 2019-07-16 | 北京国双科技有限公司 | Draw the method and device of thermodynamic chart |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110163198B (en) | Table identification reconstruction method and device and storage medium | |
| US10372728B2 (en) | System and method providing a scalable and efficient space filling curve approach to point cloud feature generation | |
| US20230177821A1 (en) | Document image understanding | |
| CN111862292B (en) | Data rendering method and device for transmission line corridor and computer equipment | |
| US20130202193A1 (en) | Fractal method for detecting and filling data gaps within lidar data | |
| CN110990516A (en) | Map data processing method and device and server | |
| Du et al. | Segmentation and sampling method for complex polyline generalization based on a generative adversarial network | |
| US10762669B2 (en) | Colorization of vector images | |
| US20200175727A1 (en) | Color Handle Generation for Digital Image Color Gradients using Machine Learning | |
| CN106485654B (en) | Vector data processing method and device | |
| CN107168961B (en) | Data display method and device for chart | |
| Kong et al. | Automatic building outline extraction from ALS point cloud data using generative adversarial network | |
| CN111597845A (en) | Two-dimensional code detection method, device and equipment and readable storage medium | |
| CN111583268B (en) | Point cloud virtual selection and cutting method, device and equipment | |
| CN110990749A (en) | Webpage thermodynamic diagram drawing method and related device | |
| CN114677468B (en) | Model correction method, device, equipment and storage medium based on reverse modeling | |
| CN109426458B (en) | Method and device for printing relation graph | |
| Zhao et al. | A crowdsourcing-based platform for labelling remote sensing images | |
| CN115658056A (en) | Front-end VUE code automatic generation method and system based on picture | |
| CN111915281B (en) | Block evaluation approval method and system based on geological disaster easily-issued subarea, intelligent terminal and storage medium | |
| Olsen et al. | Hinged, pseudo-grid triangulation method for long, near-linear cliff analyses | |
| US10169889B2 (en) | Techniques for visualizing big data in a two-dimensional chart | |
| Wu et al. | Industrial equipment detection algorithm under complex working conditions based on ROMS R-CNN | |
| CN115659900B (en) | Method, apparatus and medium for presenting an integrated circuit layout | |
| Li et al. | Extraction of digital terrain model based on regular mesh generation in mountainous areas |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200410 |