CN112100539A - CANVAS-based picture tiling method and storage medium - Google Patents
CANVAS-based picture tiling method and storage medium Download PDFInfo
- Publication number
- CN112100539A CN112100539A CN202010811957.XA CN202010811957A CN112100539A CN 112100539 A CN112100539 A CN 112100539A CN 202010811957 A CN202010811957 A CN 202010811957A CN 112100539 A CN112100539 A CN 112100539A
- Authority
- CN
- China
- Prior art keywords
- canvas
- tiling
- image
- dom
- width
- 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
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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- 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
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)
- Processing Or Creating Images (AREA)
Abstract
The invention provides a picture tiling method and a storage medium based on canvas, wherein the method comprises the following steps: respectively arranging a transverse tiling interval and a longitudinal tiling interval; newly building a Canvas DOM, and setting the width and height of the Canvas DOM as the width and height of the image; calculating to obtain the number of horizontal tiling and the number of vertical tiling according to the width and the height of the image, the width and the height of the tiled image and the horizontal tiling interval and the vertical tiling interval; and calling the 2D image drawing tool set of the Canvas DOM to execute nested loop operation by taking the transverse tiling number as a first layer, the longitudinal tiling number as a second layer and the tiling images and the width and height thereof as parameters, and drawing the tiling images in the Canvas DOM.
Description
Technical Field
The invention relates to the field of picture drawing, in particular to a picture tiling method and a storage medium based on canvas.
Background
Many online products related to images, such as online picture editors, online product personal Logo customizations, etc., have a need to provide a picture tiling function. The picture tiling effect is shown in fig. 1.
In the conventional tiling scheme, Image DOMs of one original Image are cloned into Image DOMs of length and width according to the tiling size, and 5 × 7 to 35 Image DOMs are cloned in comparison with fig. 1. Due to the fact that a large number of Image doms exist in the implementation method, rendering performance of the browser is very low, and when the number of the Image doms is large, the situation that a user cannot operate the browser is blocked or does not respond is likely to occur.
Therefore, there is a need to provide a new picture tiling method to solve the above problems.
Disclosure of Invention
The technical problem to be solved by the invention is as follows: the picture tiling method and the storage medium based on canvas are provided, the picture tiling efficiency can be improved, the system performance is optimized, and the user experience is improved.
In order to solve the technical problems, the invention adopts the technical scheme that:
the canvas-based picture tiling method comprises the following steps:
respectively arranging a transverse tiling interval and a longitudinal tiling interval;
newly building a Canvas DOM, and setting the width and height of the Canvas DOM as the width and height of the image;
calculating to obtain the number of horizontal tiling and the number of vertical tiling according to the width and the height of the image, the width and the height of the tiled image and the horizontal tiling interval and the vertical tiling interval;
and calling the 2D image drawing tool set of the Canvas DOM to execute nested loop operation by taking the transverse tiling number as a first layer, the longitudinal tiling number as a second layer and the tiling images and the width and height thereof as parameters, and drawing the tiling images in the Canvas DOM.
The invention provides another technical scheme as follows:
a computer readable storage medium, having stored thereon a computer program, which when executed by a processor, is capable of implementing the steps included in the canvas-based picture tiling method described above.
The invention has the beneficial effects that: according to the method, the characteristics that Canvas provides for drawing 2D graphic images are utilized, a plurality of tiled images are drawn into one Canvas DOM, and a plurality of Image DOMs do not need to be created, so that the problem that the rendering performance of a browser is low due to excessive DOMs is solved, the system performance is greatly optimized, and the user experience is optimized; furthermore, the tiling process is fully automatically executed, and the problem of blockage is effectively avoided, so that the tiling efficiency can be obviously improved; furthermore, the interval between the tiled images is flexibly set, the user-defined tiled effect is achieved, the requirement of actual use is met, and the practicability is high.
Drawings
FIG. 1 is a schematic view of a flat paving effect;
fig. 2 is a flowchart illustrating a canvas-based picture tiling method according to an embodiment of the present invention;
fig. 3 is a flowchart illustrating a canvas-based picture tiling method according to a first embodiment of the present invention;
FIG. 4 is a schematic diagram of an Image DOM of a source Image in a third embodiment of the present invention;
fig. 5 is a positioning effect diagram of a first position traversed by a nested loop process in the third embodiment of the present invention;
fig. 6 is a positioning effect diagram of a second position traversed by the nested loop process in the third embodiment of the present invention;
fig. 7 is a positioning effect diagram of a third position traversed by the nested loop process in the third embodiment of the present invention;
fig. 8 is a positioning effect diagram of a fourth position traversed by the nested loop process in the third embodiment of the present invention;
fig. 9 is a positioning effect diagram of a fifth position traversed by the nested loop process in the third embodiment of the present invention;
fig. 10 is a positioning effect diagram of the sixth position traversed by the nested loop process in the third embodiment of the present invention.
Detailed Description
In order to explain technical contents, achieved objects, and effects of the present invention in detail, the following description is made with reference to the accompanying drawings in combination with the embodiments.
The most key concept of the invention is as follows: and a plurality of tiled images are fully automatically drawn into a Canvas DOM by using the characteristic of 2D graphic image drawing provided by Canvas.
The technical terms related to the invention are explained as follows:
referring to fig. 1 and fig. 2, the present invention provides a canvas-based picture tiling method, including:
respectively arranging a transverse tiling interval and a longitudinal tiling interval;
newly building a Canvas DOM, and setting the width and height of the Canvas DOM as the width and height of the image;
calculating to obtain the number of horizontal tiling and the number of vertical tiling according to the width and the height of the image, the width and the height of the tiled image and the horizontal tiling interval and the vertical tiling interval;
and calling the 2D image drawing tool set of the Canvas DOM to execute nested loop operation by taking the transverse tiling number as a first layer, the longitudinal tiling number as a second layer and the tiling images and the width and height thereof as parameters, and drawing the tiling images in the Canvas DOM.
From the above description, the beneficial effects of the present invention are: no matter how many times the tile needs to be tiled, only one DOM is provided, so that the performance is greatly optimized; meanwhile, the interval between the tiled images is flexibly set, the user-defined tiled effect is achieved, the requirement of actual use is met, and the practicability is high.
Further, still include:
storing the content drawn in the Canvas DOM in a picture format;
establishing an Image DOM and setting the path of the DOM as the stored path;
and mounting the Image DOM into a DOM tree.
From the above description, no matter how many times the tiled Image needs to be tiled, only one Image DOM is in the DOM tree, and compared with the prior art in which a large number of Image DOMs need to be cloned, the rendering performance of the browser is greatly optimized.
Further, the drawing the tiled image in the Canvas DOM includes:
calculating the offset of the tiled image corresponding to the x-th position of the first layer and the y-th position of the second layer corresponding to the Canvas DOM;
calling a 2D image drawing tool set of the Canvas DOM, and drawing the tiled image to a corresponding position in the Canvas DOM by taking the offset, the tiled image and the width and height of the tiled image as parameters;
and continuing to traverse until the nested loop operation is finished.
From the above description, it can be known that the tiling effect of the tiled image can be quickly and accurately drawn in canvas by using the nested loop operation in combination with the regular distribution characteristics of the tiled image, so that the drawing efficiency is significantly improved.
The invention provides another technical scheme as follows:
a computer readable storage medium having stored thereon a computer program which, when executed by a processor, is capable of carrying out the steps comprised in the canvas-based picture tiling method of:
respectively arranging a transverse tiling interval and a longitudinal tiling interval;
newly building a Canvas DOM, and setting the width and height of the Canvas DOM as the width and height of the image;
calculating to obtain the number of horizontal tiling and the number of vertical tiling according to the width and the height of the image, the width and the height of the tiled image and the horizontal tiling interval and the vertical tiling interval;
and calling the 2D image drawing tool set of the Canvas DOM to execute nested loop operation by taking the transverse tiling number as a first layer, the longitudinal tiling number as a second layer and the tiling images and the width and height thereof as parameters, and drawing the tiling images in the Canvas DOM.
Further, still include:
storing the content drawn in the Canvas DOM in a picture format;
establishing an Image DOM and setting the path of the DOM as the stored path;
and mounting the Image DOM into a DOM tree.
Further, the drawing the tiled image in the Canvas DOM includes:
calculating the offset of the tiled image corresponding to the x-th position of the first layer and the y-th position of the second layer corresponding to the Canvas DOM;
calling a 2D image drawing tool set of the Canvas DOM, and drawing the tiled image to a corresponding position in the Canvas DOM by taking the offset, the tiled image and the width and height of the tiled image as parameters;
and continuing to traverse until the nested loop operation is finished.
As can be understood from the above description, those skilled in the art can understand that all or part of the processes in the above technical solutions can be implemented by instructing related hardware through a computer program, where the program can be stored in a computer-readable storage medium, and when executed, the program can include the processes of the above methods. The program can also achieve advantageous effects corresponding to the respective methods after being executed by a processor.
The storage medium may be a magnetic disk, an optical disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), or the like.
Example one
Referring to fig. 3, the present embodiment provides a canvas-based picture tiling method, which can achieve a picture tiling effect more efficiently, more conveniently and more smoothly.
The method of the embodiment comprises the following steps:
s1: acquiring a tiled Image DOM for tiling;
s2: acquiring a horizontal tiling interval and a longitudinal tiling interval which are set by a user;
s3: newly building a Canvas DOM, and setting the width and the height of the Canvas DOM according to the overall image size set by a user;
s4: acquiring an object of context 2D of the Canvas DOM, namely a 2D image drawing tool set of the Canvas DOM;
s5: calculating the horizontal tiling number and the longitudinal tiling number;
s6: and calling the 2D image drawing toolset of the Canvas DOM to execute nested loop operation by taking the horizontal tiled number as a first layer and the longitudinal tiled number as a second layer and taking the width and height of the tiled images and the tiled images as parameters, and drawing the tiled images with the horizontal tiled number multiplied by the longitudinal tiled number in the Canvas DOM.
Wherein, the method for drawing the tiled images with the horizontal tiled quantity multiplied by the longitudinal tiled quantity in the Canvas DOM specifically comprises the following steps: calculating the offset of the tiled image corresponding to the x-th position of the first layer and the y-th position of the second layer corresponding to the Canvas DOM; calling a 2D image drawing tool set of the Canvas DOM, and drawing the tiled image to a corresponding position in the Canvas DOM by taking the offset, the tiled image and the width and height of the tiled image as parameters; and continuously traversing the next position until the nested loop operation is finished.
S7: storing the content drawn in the Canvas DOM in a picture format, preferably in a local place;
s8: creating an Image DOM, and setting the path of the DOM as the stored path, namely displaying the picture stored locally;
s9: and mounting the Image DOM into a DOM tree.
It can be seen that in this embodiment, no matter how many times the DOM needs to be tiled, the performance is greatly optimized because only one Image DOM needs to be added to the DOM.
Example two
This embodiment is further extended corresponding to the first embodiment:
1. acquiring an original Image DOM (named Image) for tiling, reading the width and the height of the DOM, and respectively naming Image _ width and Image _ height;
2. acquiring a horizontal tiling interval and a longitudinal tiling interval, and respectively naming x _ space and y _ space;
3. newly building a Canvas DOM (for convenience of explanation, the Canvas is named in the embodiment), setting the width and the height of the DOM as the size needing to be tiled, namely the size of the final effect graph, and respectively naming Canvas _ width and Canvas _ height;
4. obtain the object of context 2d of canvas (for convenience of description, it is named context);
5. respectively calculating the number of the horizontal x _ count and the vertical y _ count needing to be tiled;
wherein, x _ count is rounded up (canvas _ width/(image _ width + x _ space));
round up (canvas _ height/(image _ height + y _ space));
6. performing nested loop operation, wherein the first layer is x _ count, and the second layer is y _ count;
6.1 assume that the position marker currently cycled to is (x _ index, y _ index), where 0< ═ x _ index < x _ count, 0< ═ y _ index < y _ count;
for convenience of understanding, the relationship between x _ count, y _ count, and (x _ index, y _ index) in the "nested loop operation" is described here as a simple example: x _ count represents how many cigarettes exist, and y _ count represents specific packets of cigarettes in each cigarette; x _ index indicates which cigarette is currently drawn (traversed), and y _ index indicates which pack of cigarettes is currently drawn (traversed) inside the x _ index;
6.2 calculating the offset x _ offset, y _ offset of the tiled picture corresponding to the current loop position, wherein x _ offset is x _ index (image _ width + x _ space); y _ offset is y _ index (image _ height + y _ space);
6.3 calling context to draw the api of the picture, wherein the parameters are as follows: image, x _ offset, y _ offset, image _ width, and image _ height;
indicating that the api is notified that the starting position of the picture (image) to be drawn to the canvas is [ x _ offset, y _ offset ], and the width of the picture to be drawn is [ image _ width, image _ height ];
6.4 when the loop is over, the desired tiling has been drawn on the canvas.
7. Invocation of api of canvas: toDataURL, parameter 'image/png';
indicating that the content previously drawn in canvas is saved locally in the form of png picture (named target _ url);
8. an Image DOM is newly built, name TiLEImage is obtained, and a picture path needing to be displayed is set to be target _ url;
9. and hanging the TiLEImage in the DOM tree.
EXAMPLE III
This embodiment corresponds to the first and second embodiments, and provides a specific application scenario:
assuming that a 100 × 100 picture is to be tiled into a 210 × 340 environment, the following steps corresponding to the first embodiment and the second embodiment are explained:
1. acquiring an Image DOM of a source Image, and naming the Image, wherein Image _ width is 100, and Image _ height is 100; as shown in fig. 4;
2. assuming that each picture interval 10 is horizontally tiled and each picture interval 20 is vertically tiled, then: x _ space ═ 10, y _ space ═ 20;
3. newly building a Canvas DOM, naming Canvas, setting a horizontal catching size Canvas _ width as 210 and a Canvas _ height as 340;
4. acquiring 2d context from the canvas created in the previous step, and naming the context;
5. calculating the tiling number:
rounding up (canvas _ width/(image _ width + x _ space)) -ceil (210/(100+10)) -2
Round up (canvas _ height/(iamge _ height + y _ space)) -ceil (340/(100+20)) ≈ 3
Therefore, the tile needs to be horizontally laid for 2 times in the horizontal direction and 3 times in the vertical direction;
6. performing a nested loop, wherein the first layer is x _ count, the second layer is y _ count, and the position to which the loop currently loops is represented by (x _ index, y _ index), wherein 0< ═ x _ index <2, and 0< ═ y _ index < 3;
when x _ index is 0 and y _ index is 0;
x_offset=x_index*(image_width+x_space)=0;
y_offset=y_index*(image_height+y_space)=0;
text, drawing image (image,0, 100) is called, and the drawing image is drawn to the area with the coordinates of 0,0, width and height of 100, 100; the positioning effect is shown in fig. 5.
When x _ index is 0 and y _ index is 1;
x_offset=x_index*(image_width+x_space)=0;
y_offset=y_index*(image_height+y_space)=120;
draw image (image,0,100,120,100) representing that the picture image is drawn to an area with coordinates 0,100, width and height 100, 100; the positioning effect is shown in fig. 6.
When x _ index is 0 and y _ index is 2;
x_offset=x_index*(image_width+x_space)=0;
y_offset=y_index*(image_height+y_space)=240;
draw image (image,0,200,100,100) is called to show that the picture image is drawn to the area with the coordinates of 0,200, width and height of 100, and the positioning effect is shown in fig. 7.
When x _ index is 1 and y _ index is 0;
x_offset=x_index*(image_width+x_space)=110;
y_offset=y_index*(image_height+y_space)=0;
draw image (image,100,0, 100) is called to show that the image is drawn to the area with the coordinates 100,0, width 100, and the positioning effect is shown in fig. 8.
When x _ index is 1 and y _ index is 1;
x_offset=x_index*(image_width+x_space)=110;
y_offset=y_index*(image_height+y_space)=120;
draw image (image,100,100,100,100) is called to show that the picture image is drawn to an area with 100,100 coordinates, 100,100 width and height, and the positioning effect is shown in fig. 9.
Sixthly, when the x _ index is 1 and the y _ index is 2;
x_offset=x_index*(image_width+x_space)=110;
y_offset=y_index*(image_height+y_space)=240;
draw image (image,100,200,100,100) is called to show that the picture image is drawn to the area with 100,200 coordinates, 100,100 width and height, and the positioning effect is shown in fig. 10.
7. Saving the content drawn in the previous step to a local target _ url (canvas. todataurl ('image/png');
8. and newly building an ImageDOM: tileImage, whose data source attribute (src) is set to target _ url;
9. and hanging the tileImage on the Dom tree, and informing the browser to display.
Example four
This embodiment corresponds to the first to the third embodiments, and provides a computer readable storage medium, on which a computer program is stored, where the computer program is capable of implementing the steps included in the canvas-based picture tiling method according to any one of the first to the third embodiments when the computer program is executed by a processor. The detailed steps are not repeated here, and refer to the descriptions of the first to third embodiments for details.
In summary, the canvas-based picture tiling method and the storage medium provided by the invention solve the problem of low rendering performance of the browser caused by excessive DOM, thereby greatly optimizing the system performance and optimizing the user experience; furthermore, the tiling process is fully automatically executed, and the problem of blockage is effectively avoided, so that the tiling efficiency can be obviously improved; furthermore, the interval between the tiled images is flexibly set, the user-defined tiled effect is achieved, the requirement of actual use is met, and the practicability is high.
The above description is only an embodiment of the present invention, and not intended to limit the scope of the present invention, and all equivalent changes made by using the contents of the present specification and the drawings, or applied directly or indirectly to the related technical fields, are included in the scope of the present invention.
Claims (4)
1. A canvas-based picture tiling method is characterized by comprising the following steps:
respectively arranging a transverse tiling interval and a longitudinal tiling interval;
newly building a Canvas DOM, and setting the width and height of the Canvas DOM as the width and height of the image;
calculating to obtain the number of horizontal tiling and the number of vertical tiling according to the width and the height of the image, the width and the height of the tiled image and the horizontal tiling interval and the vertical tiling interval;
and calling the 2D image drawing tool set of the Canvas DOM to execute nested loop operation by taking the transverse tiling number as a first layer, the longitudinal tiling number as a second layer and the tiling images and the width and height thereof as parameters, and drawing the tiling images in the Canvas DOM.
2. The canvas-based picture tiling method of claim 1, further comprising:
storing the content drawn in the Canvas DOM in a picture format;
establishing an Image DOM and setting the path of the DOM as the stored path;
and mounting the Image DOM into a DOM tree.
3. The Canvas-based picture tiling method of claim 1, wherein said rendering said tiled images in said Canvas DOM comprises:
calculating the offset of the tiled image corresponding to the x-th position of the first layer and the y-th position of the second layer corresponding to the Canvas DOM;
calling a 2D image drawing tool set of the Canvas DOM, and drawing the tiled image to a corresponding position in the Canvas DOM by taking the offset, the tiled image and the width and height of the tiled image as parameters;
and continuing to traverse until the nested loop operation is finished.
4. A computer readable storage medium, having a computer program stored thereon, wherein the program is capable of implementing the steps included in the canvas-based picture tiling method of any one of claims 1-3 when executed by a processor.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010811957.XA CN112100539A (en) | 2020-08-13 | 2020-08-13 | CANVAS-based picture tiling method and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010811957.XA CN112100539A (en) | 2020-08-13 | 2020-08-13 | CANVAS-based picture tiling method and storage medium |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112100539A true CN112100539A (en) | 2020-12-18 |
Family
ID=73754445
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010811957.XA Pending CN112100539A (en) | 2020-08-13 | 2020-08-13 | CANVAS-based picture tiling method and storage medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112100539A (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113312569A (en) * | 2021-05-17 | 2021-08-27 | 浪潮金融信息技术有限公司 | Method, system and medium for displaying webpage background pseudo-randomly |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102385515A (en) * | 2011-10-21 | 2012-03-21 | 广州市久邦数码科技有限公司 | GO image animation engine based on Android system |
CN106095437A (en) * | 2016-06-12 | 2016-11-09 | 青岛海信电器股份有限公司 | The implementation method of the layout type of user interface RTL from right to left and device |
US20170018057A1 (en) * | 2015-07-17 | 2017-01-19 | Canon Kabushiki Kaisha | Image processing apparatus, image processing method, and storage medium |
CN111367445A (en) * | 2020-03-31 | 2020-07-03 | 中国建设银行股份有限公司 | Image annotation method and device |
-
2020
- 2020-08-13 CN CN202010811957.XA patent/CN112100539A/en active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102385515A (en) * | 2011-10-21 | 2012-03-21 | 广州市久邦数码科技有限公司 | GO image animation engine based on Android system |
US20170018057A1 (en) * | 2015-07-17 | 2017-01-19 | Canon Kabushiki Kaisha | Image processing apparatus, image processing method, and storage medium |
CN106095437A (en) * | 2016-06-12 | 2016-11-09 | 青岛海信电器股份有限公司 | The implementation method of the layout type of user interface RTL from right to left and device |
CN111367445A (en) * | 2020-03-31 | 2020-07-03 | 中国建设银行股份有限公司 | Image annotation method and device |
Non-Patent Citations (2)
Title |
---|
AFARLIU: ""HTML5 Canvas的内容保存为图片toDataURL()"", 《HTTPS://BLOG.CSDN.NET/YAOYUAN_DIFANG/ARTICLE/DETAILS/38581307》 * |
陈爽,贺荣: "《HTML5与JavaScript程序设计》", 30 November 2012 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113312569A (en) * | 2021-05-17 | 2021-08-27 | 浪潮金融信息技术有限公司 | Method, system and medium for displaying webpage background pseudo-randomly |
CN113312569B (en) * | 2021-05-17 | 2023-10-03 | 浪潮金融信息技术有限公司 | Method, system and medium for pseudo-randomly displaying webpage background |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102549544B (en) | Dynamic image presents | |
CN103176688B (en) | The method and apparatus of classification application | |
US8571338B2 (en) | Image file generation device, image processing device, image file generation method, and image processing method | |
US20060209085A1 (en) | Providing 1D and 2D connectors in a connected diagram | |
US20080238922A1 (en) | Techniques for Displaying Information for Collection Hierarchies | |
US20150293959A1 (en) | Simultaneous visual presentation of hierarchical and non-hierarchical data object information | |
CN104216976A (en) | Method and system for viewing pictures of mobile terminal by groups | |
KR102591542B1 (en) | Table processing methods, devices, smart interactive tablets and storage media | |
US7253823B2 (en) | System and method for providing 1D and 2D connectors in a connected diagram | |
WO2015078159A1 (en) | Webpage display method and device | |
US20140225894A1 (en) | 3d-rendering method and device for logical window | |
US20190073091A1 (en) | Dynamic display layout systems and methods | |
CN112100539A (en) | CANVAS-based picture tiling method and storage medium | |
US9898842B2 (en) | Method and system for generating data-efficient 2D plots | |
CN112100538B (en) | CANVAS-based picture staggered tiling method and storage medium | |
CN106998489B (en) | A kind of focus is crossed the border searching method and device | |
US8250480B2 (en) | Interactive navigation of a dataflow process image | |
CN107526576B (en) | Method and device for displaying view components of page | |
WO2023236465A1 (en) | Display processing method and apparatus for geological analysis, device, and medium | |
CN103366635B (en) | Method for dynamically marking mobile object in electronic map | |
CN112100540B (en) | CANVAS-based picture cross mirror tiling method and storage medium | |
CN112767419A (en) | Method and system for cutting nine-grid of atlas | |
CN113836879A (en) | Report form filling method and device | |
CN113687809A (en) | Information display method and device, electronic equipment and readable storage medium | |
CN115391700B (en) | Waterfall flow layout conversion method and system based on visual dragging and pulling layout |
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 |