CN115423901A - Method and device for drawing canvas based on json segment - Google Patents

Method and device for drawing canvas based on json segment Download PDF

Info

Publication number
CN115423901A
CN115423901A CN202210992801.5A CN202210992801A CN115423901A CN 115423901 A CN115423901 A CN 115423901A CN 202210992801 A CN202210992801 A CN 202210992801A CN 115423901 A CN115423901 A CN 115423901A
Authority
CN
China
Prior art keywords
canvas
json
sub
layout
elements
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
Application number
CN202210992801.5A
Other languages
Chinese (zh)
Inventor
王赛
谢帅
黄正雨
井刚
杨娜
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Younuo Technology Co ltd
Original Assignee
Beijing Younuo Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Younuo Technology Co ltd filed Critical Beijing Younuo Technology Co ltd
Priority to CN202210992801.5A priority Critical patent/CN115423901A/en
Publication of CN115423901A publication Critical patent/CN115423901A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/60Editing figures and text; Combining figures or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/106Display of layout of documents; Previewing
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/151Transformation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/40Filling a planar surface by adding surface attributes, e.g. colour or texture

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • General Engineering & Computer Science (AREA)
  • Image Generation (AREA)

Abstract

The invention provides a method and a device for drawing canvas based on json segments, belonging to the technical field of computers, and the method comprises the following steps: constructing json fragments and preprocessing a background image according to a demand image; drawing canvas according to the json segment; the canvas is converted into general picture data. The invention solves the problems of complex code and unsatisfactory effect of using canvas to draw a table data panel, and the data panel drawn by using canvas can be converted into general picture data for multiple platforms to use.

Description

Method and device for drawing canvas based on json segment
Technical Field
The invention relates to the technical field of computers, in particular to a method and a device for drawing canvas based on json fragments.
Background
Currently, the prior art generally uses a front-end library to implement the table requirement, and such a table cannot be flexibly nested in other application scenarios (such as a 3D scenario).
In the communication between the front-end page and the 3D scene, the picture is generally converted into a base64 format, and the generated table is converted into canvas and then into base64 by using the existing front-end library, which is inefficient and has a high possibility of reducing the resolution.
Disclosure of Invention
In order to overcome the defects of the prior art, the application provides a method and a device for drawing a canvas based on json fragments.
The technical scheme for solving the technical problems is as follows:
a method of rendering a canvas based on json segments, the method comprising:
step S1: constructing json fragments and preprocessing a background image according to a demand image;
step S2: drawing a canvas according to the json fragment;
and step S3: the canvas is converted into general picture data.
Further, the constructing of the json segment and the background map according to the demand map and the preprocessing specifically include:
determining the array structure of the parent and child elements and the layout mode of the child elements under the parent elements;
constructing a child element object according to the child element data type;
and marking and taking out the stretchable region of the background picture, and opening up a new thread to process the stretchable region of the background picture to obtain processed background picture data.
Further, the steps of marking and taking out the stretchable region of the background picture, opening up a new thread to process the stretchable region of the background picture, and obtaining the processed background picture data are as follows:
step S1.1: in a new thread, gradually changing stretched pixels through original pixels of a stretchable area of a background picture according to the width and height required by actual content;
step S1.2: and filling the stretched pixels in the OffScanencanvas to obtain the processed background picture data.
Further, the layout manner of the child element under the parent element includes the following four ways: horizontal layout, vertical layout, grid layout and three-column layout;
the transverse layout is a transverse layout mode which is sequentially arranged from left to right according to the size of each sub-element and the element spacing serving as filling bits;
the longitudinal layout is a longitudinal layout mode which is sequentially arranged from top to bottom according to the size of each sub-element and the element spacing serving as filling bits;
the grid layout is a grid-shaped layout mode in which each sub-element is arranged in multiple rows and multiple columns according to the size of each sub-element and the element spacing serving as filling bits;
the three-column layout is a layout mode that the sub-elements are divided into a left column, a middle column and a right column according to the size of one or more sub-elements and the element spacing serving as filling bits.
Further, the element data types include: a text type, a picture type, a placeholder type, a progress bar type and a status bar type;
the text type is used for setting text content, word size, filling margin and alignment mode.
The picture type is used for setting picture paths, sizes, filling edge distances, alignment modes and color replacement;
the placeholder type is used for vacating a corresponding position according to the size of the set placeholder, wherein no content is filled;
the progress bar type is used for setting the total length of data, the current progress, the color and the rectangular style;
the status bar type is used for setting the filling color, the border color, the text content, the font size, the font color and the distance between the font and the border.
Further, the rendering a canvas according to the json segment comprises the following steps:
step S2.1: taking out the sub-element arrays of each layer in the json segment, wherein the sub-element arrays are all sub-elements of the layer;
step S2.2: pre-calculating the area of each sub-element according to the element data type of each sub-element;
step S2.3: arranging all the child elements of the layer according to the layout mode of all the child elements of the layer and the size of each child element, and calculating the relative position of each layer of child elements under a parent element;
step S2.4: and calculating the position of each layer of sub-elements on the canvas according to the relative position of each layer of sub-elements under the parent element, calculating the size of the canvas according to the area occupied by each layer of sub-elements, creating the canvas, filling the processed background picture data in the newly created canvas, acquiring the context content of the canvas, calling a drawing picture, filling characters and a filling rectangular interface, and drawing the complete canvas.
Another technical solution of the present invention for solving the above technical problems is as follows:
an apparatus for rendering a canvas based on json segments, the apparatus comprising:
the json segment building module is used for building a json segment according to the demand graph and preprocessing a background graph;
a canvas drawing module for drawing canvas according to the json fragment;
a picture data conversion module for converting the canvas into general picture data.
Further, the json fragment building module comprises:
the child element object construction unit is used for constructing a child element object according to the data type of the child element;
the layout mode selection unit is used for determining the array structure of the parent and child elements and the layout mode of the child elements under the parent element;
and the area mark extracting unit is used for marking and extracting the stretchable area of the background picture, and opening up a new thread to process the stretchable area of the background picture to obtain processed background picture data.
Furthermore, the present invention also provides a computer readable storage medium, on which a computer program is stored, which when executed by a processor implements the steps of the method for drawing canvas based on json segments according to any one of the above-mentioned embodiments.
The invention further provides an electronic device, which includes a memory, a processor and a computer program stored in the memory and capable of running on the processor, wherein the processor implements the steps of the method for drawing a canvas based on json segments according to any one of the above technical solutions when executing the program.
The beneficial technical effects are as follows:
the application provides a method and a device for drawing a canvas based on json fragments, which solve the problems of complex codes and unsatisfactory effects of drawing a table data panel by using the canvas, and the data panel drawn by using the canvas can be converted into general picture data to be provided for multiple platforms for use, thereby improving the application range of the canvas.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required to be used in the embodiments of the present invention or the description of the prior art will be briefly described below, and it is obvious that the drawings described below are only some embodiments of the present invention, and it is obvious for those skilled in the art that other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a schematic flow chart of a method for drawing a canvas based on json segments according to an embodiment of the present invention;
fig. 2 is a demand/effect graph of a json segment-based rendering canvas according to an embodiment of the present invention;
fig. 3 is a diagram illustrating sub-elements of a json segment-based rendering canvas according to an embodiment of the present invention;
fig. 4 is a schematic block diagram of an apparatus for rendering a canvas based on json segments according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, not all, embodiments of the present invention. All other embodiments, which can be obtained by a person skilled in the art without making any creative effort based on the embodiments in the present invention, shall fall within the protection scope of the present invention.
The method for drawing canvas based on json segment in the embodiment of the invention is shown in fig. 1, and comprises the following steps:
step S1: constructing json (Java Script Object Notation) fragments and background graph preprocessing according to the requirement graph;
step S2: drawing a canvas (canvas) according to the json fragment;
and step S3: the canvas is converted into general picture data.
In step S1, specifically to this embodiment, the preprocessing of constructing the json segment and the background map according to the requirement map further includes the following steps:
1. marking, cutting a background picture according to marked pixels, taking out the stretchable region of the background picture, and processing the stretchable region of the background picture by opening up a new thread (the whole drawing canvas step is a main thread for running the program, so the new thread is required to be opened up here) to obtain processed background picture data;
further, the steps of marking and taking out the stretchable region of the background picture, and opening up a new thread to process the stretchable region of the background picture to obtain the processed background picture data are as follows:
step S1.1: in a new thread, gradually changing stretched pixels through original pixels of a stretchable area of a background picture according to the width and height required by actual content;
step S1.2: and filling the stretched pixels in an OffScreen canvas (off-screen canvas) to obtain the processed background picture data.
In this embodiment, the stretchable area of the background picture is marked first, and after the stretchable area is taken out, a new thread (Worker) is opened up; in the new thread, according to the width and height required by the actual content and the original pixel of the stretchable area of the background picture, gradually changing the stretched pixel through the original pixel, and then filling the stretched pixel in the OffScreen canvas to obtain the processed background picture data.
2. Determining the array structure of the parent and child elements and the layout mode of the child elements under the parent elements;
further, the layout manner of the child element under the parent element includes the following four ways: horizontal layout, vertical layout, grid layout and three-column layout;
the transverse layout is a transverse layout mode which is sequentially arranged from left to right according to the size of each sub-element and the element spacing serving as filling bits;
the longitudinal layout is a longitudinal layout mode which is sequentially arranged from top to bottom according to the size of each sub-element and the element spacing serving as filling bits;
the lattice layout is a grid-shaped layout mode in which each sub-element is arranged in multiple rows, multiple columns according to the size and the element spacing of each sub-element as filling bits;
the three-column layout is a layout mode that the sub-elements are divided into a left column, a middle column and a right column according to the size of one or more sub-elements and the element spacing serving as filling bits.
Fig. 2 is a diagram of requirements/effects in the embodiment of the present application, fig. 3 is a schematic diagram of sub-elements in the embodiment of the present application, where both the text and the picture identified by the gray frame in the diagram are the sub-elements, and the content of the detailed description in this embodiment is as follows:
(1) the horizontal layout is a horizontal layout mode which is sequentially arranged from left to right according to the size of each sub-element (namely the child array in the code) and the element spacing as filling bits;
(2) the vertical layout is a vertical layout mode which is sequentially arranged from top to bottom according to the size of each sub-element and the element spacing as filling bits;
(3) the grid layout is a grid-shaped layout mode that each sub-element is arranged in multiple rows and multiple columns according to the size of each sub-element and the element spacing serving as filling bits;
(4) and three-row layout, namely, setting a layout mode that the sub-elements are divided into a left row, a middle row and a right row according to the size of one or more sub-elements and the element spacing as filling bits.
3. And constructing the child element object according to the child element data type.
Further, the element data types include: text type, picture type, placeholder type, progress bar type and status bar type;
the text type is used for setting text content, word size, filling margin and alignment mode.
The picture type is used for setting picture paths, sizes, filling edge distances, alignment modes and color replacement;
the placeholder type is used for vacating a corresponding position according to the size of the set placeholder, wherein no content is filled;
the progress bar type is used for setting the total length of data, the current progress, the color and the rectangular style;
the status bar type is used for setting the filling color, the border color, the text content, the font size, the font color and the distance between the font and the border.
This embodiment is described in detail as follows:
the text type is used for setting text content, word size, filling margin, alignment mode and the like;
the picture type is used for setting picture paths, sizes, filling margins, alignment modes, color replacement (pixels of specified color values are replaced by target color values) and the like;
the placeholder type is not filled with content, and a corresponding position is vacated according to the size of the set placeholder for the purpose of occupying the placeholder for beauty;
the progress bar type is used for setting the total length of data, the current progress, the color (including gradual change color), the rectangular style (including the size of a fillet, the color of a frame and the like) and the like;
and the status bar type is used for setting the filling color, the frame color, the text content, the font size, the font color, the font-to-frame distance and the like of the status bar.
In step S2, further, the rendering canvas according to the json fragment includes the following steps:
step S2.1: taking out the sub-element arrays of each layer in the json segment, wherein the sub-element arrays are all sub-elements of the layer;
step S2.2: the area of each sub-element is calculated in advance according to the element data type of each sub-element;
step S2.3: arranging all the child elements of the layer according to the layout mode of all the child elements of the layer and the size of each child element, and calculating the relative position of each layer of child elements under a parent element;
step S2.4: and calculating the position of each layer of sub-elements on the canvas according to the relative position of each layer of sub-elements under the parent element, calculating the size of the canvas according to the area occupied by each layer of sub-elements, creating the canvas, filling the processed background picture data in the newly created canvas, acquiring the context content of the canvas, calling a drawing picture, filling characters and a filling rectangular interface, and drawing the complete canvas.
In step S3, further, the canvas is converted into general picture data. This method belongs to the prior art, and is not described in detail in this application.
Specifically, in this embodiment, the canvas drawing step is as follows:
firstly, taking out a sub-element array of each layer in a json segment, wherein the array is all sub-elements of the layer;
secondly, calculating the area of each sub-element in advance;
the embodiment calculates according to the data type, filling margin, alignment mode and the like of each sub-element;
then, arranging all the child elements of the layer according to the layout mode of the layer and the size of each child element, and calculating the relative position of each layer of child elements under the parent element;
and finally, calculating the position of each layer of sub-elements on the canvas according to the relative position of each layer of sub-elements under the parent element, calculating the size of the canvas according to the area occupied by each layer of sub-elements, creating the canvas, transmitting the processed background picture data to the main thread through thread communication, filling the background picture data into the newly created canvas, acquiring the context content (context) of the canvas, calling interfaces such as a drawing picture (draw image), a filling character (fillText) and a filling rectangle (fillRect), and drawing the complete canvas.
An apparatus for drawing a canvas based on json segment as shown in fig. 4 includes: the image processing system comprises a json fragment construction module, a canvas drawing module and a picture data conversion module, wherein the modules are sequentially connected;
the json segment construction module is used for constructing json segments and preprocessing a background image according to a demand image;
a canvas drawing module for drawing canvas according to the json fragment;
a picture data conversion module for converting the canvas into general picture data.
Further, the json fragment building module comprises:
the child element object construction unit is used for constructing a child element object according to the data type of the child element;
the layout mode selection unit is used for determining the array structure of the parent and child elements and the layout mode of the child elements under the parent element;
and the area mark extracting unit is used for marking and extracting the stretchable area of the background picture, and opening up a new thread to process the stretchable area of the background picture to obtain the processed background picture data.
Furthermore, the present invention also provides a computer readable storage medium, on which a computer program is stored, which when executed by a processor, implements the steps of the method for drawing canvas based on json segment in any of the above technical solutions.
The invention further provides an electronic device, which comprises a memory, a processor and a computer program stored in the memory and capable of running on the processor, wherein the processor executes the program to implement the steps of the method for drawing canvas based on json segments according to any one of the above technical solutions.
In the above embodiments, the description of each embodiment has its own emphasis, and reference may be made to the related description of other embodiments for parts that are not described or recited in any embodiment.
Attached: the codes of this embodiment are as follows:
Figure BDA0003804277680000091
Figure BDA0003804277680000101
Figure BDA0003804277680000111
Figure BDA0003804277680000121
Figure BDA0003804277680000131
Figure BDA0003804277680000141
Figure BDA0003804277680000151
those of ordinary skill in the art will appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware or combinations of computer software and electronic hardware. 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 invention.
In the embodiments provided in the present invention, it should be understood that the disclosed apparatus/terminal device and method may be implemented in other ways. For example, the above-described embodiments of the apparatus/terminal device are merely illustrative, and for example, the division of the modules or units is only one type of logical function division, and other division manners may be available in actual implementation, for example, multiple units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be through some interfaces, indirect coupling or communication connection of devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.
The integrated modules/units, if implemented in the form of software functional units and sold or used as separate products, may be stored in a computer readable storage medium.
Based on such understanding, all or part of the flow of the method according to the embodiments of the present invention may also be implemented by a computer program, which may be stored in a computer-readable storage medium, and when the computer program is executed by a processor, the steps of the method embodiments described above may be implemented. Wherein the computer program comprises computer program code, which may be in the form of source code, object code, an executable file or some intermediate form, etc. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, usb disk, removable hard disk, magnetic disk, optical disk, computer Memory, read-Only Memory (ROM), random Access Memory (RAM), electrical carrier wave signals, telecommunications signals, software distribution medium, and the like. It should be noted that the computer readable medium may contain other components which may be suitably increased or decreased as required by legislation and patent practice in jurisdictions, for example, in some jurisdictions, computer readable media which may not include electrical carrier signals and telecommunications signals in accordance with legislation and patent practice.
The above-mentioned embodiments are only used for illustrating the technical solutions of the present invention, and not for limiting the same; although the present invention has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; such modifications and substitutions do not substantially depart from the spirit and scope of the embodiments of the present invention, and are intended to be included within the scope of the present invention.
While the invention has been described with reference to specific embodiments, it will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the invention as defined by the appended claims. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.

Claims (10)

1. A method for drawing canvas based on json fragment is characterized by comprising the following steps:
step S1: constructing json fragments and preprocessing a background image according to a demand image;
step S2: drawing a canvas according to the json fragment;
and step S3: the canvas is converted into general picture data.
2. The json segment-based canvas rendering method according to claim 1, wherein the preprocessing of constructing the json segment and the background map according to the demand graph comprises:
determining the array structure of the parent and child elements and the layout mode of the child elements under the parent elements;
constructing a child element object according to the child element data type;
and marking and taking out the stretchable region of the background picture, and opening up a new thread to process the stretchable region of the background picture to obtain processed background picture data.
3. The json segment-based canvas rendering method as claimed in claim 2, wherein said marking and retrieving a stretchable region of a background picture, and opening a new thread to process said stretchable region of the background picture to obtain the processed background picture data comprises the following steps:
step S1.1: in a new thread, gradually changing stretched pixels through original pixels of a stretchable area of a background picture according to the width and height required by actual content;
step S1.2: and filling the stretched pixels in the OffScanencanvas to obtain the processed background picture data.
4. The json fragment-based canvas rendering method as claimed in claim 2, wherein the layout of said child elements under the parent element includes four kinds as follows: horizontal layout, vertical layout, grid layout and three-column layout;
the transverse layout is a transverse layout mode which is sequentially arranged from left to right according to the size of each sub-element and the element spacing serving as filling bits;
the longitudinal layout is a longitudinal layout mode which is sequentially arranged from top to bottom according to the size of each sub-element and the element spacing serving as filling bits;
the lattice layout is a grid-shaped layout mode in which each sub-element is arranged in multiple rows, multiple columns according to the size and the element spacing of each sub-element as filling bits;
the three-column layout is a layout mode that the sub-elements are divided into a left column, a middle column and a right column according to the size of one or more sub-elements and the element spacing as filling bits.
5. The json fragment-based rendering canvas method of claim 2, wherein the element data types comprise: text type, picture type, placeholder type, progress bar type and status bar type;
the text type is used for setting text content, word size, filling margin and alignment mode.
The picture type is used for setting picture paths, sizes, filling edge distances, alignment modes and color replacement;
the placeholder type is used for vacating a corresponding position according to the size of the set placeholder, wherein no content is filled;
the progress bar type is used for setting the total length of data, the current progress, the color and the rectangular style;
the status bar type is used for setting the filling color, the border color, the text content, the font size, the font color and the distance between the font and the border.
6. A json fragment rendering canvas as claimed in claim 2, wherein said rendering canvas based on said json fragments comprises the steps of:
step S2.1: taking out the sub-element arrays of each layer in the json segment, wherein the sub-element arrays are all sub-elements of the layer;
step S2.2: the area of each sub-element is calculated in advance according to the element data type of each sub-element;
step S2.3: arranging all the child elements of the layer according to the layout mode of all the child elements of the layer and the size of each child element, and calculating the relative position of each layer of child elements under a parent element;
step S2.4: and calculating the position of each layer of sub-elements on the canvas according to the relative position of each layer of sub-elements under the parent element, calculating the size of the canvas according to the area occupied by each layer of sub-elements, creating the canvas, filling the processed background picture data in the newly created canvas, acquiring the context content of the canvas, calling a drawing picture, filling characters and a filling rectangular interface, and drawing the complete canvas.
7. An apparatus for rendering a canvas based on json segments, the apparatus comprising:
the json segment building module is used for building a json segment according to the demand graph and preprocessing a background graph;
a canvas drawing module for drawing a canvas according to the json segment;
and the picture data conversion module is used for converting the canvas into general picture data.
8. The json fragment rendering canvas-based apparatus of claim 7, wherein the json fragment constructing module comprises:
the child element object construction unit is used for constructing a child element object according to the child element data type;
the layout mode selection unit is used for determining the array structure of the parent elements and the layout mode of the child elements under the parent elements;
and the area mark extracting unit is used for marking and extracting the stretchable area of the background picture, and opening up a new thread to process the stretchable area of the background picture to obtain processed background picture data.
9. A computer readable storage medium having stored thereon a computer program, characterized in that the program, when being executed by a processor, is adapted to carry out the steps of the json segment rendering canvas based method as claimed in any one of claims 1 to 6.
10. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the steps of the json segment-based canvas rendering method according to any one of claims 1 to 6 when executing the program.
CN202210992801.5A 2022-08-18 2022-08-18 Method and device for drawing canvas based on json segment Pending CN115423901A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210992801.5A CN115423901A (en) 2022-08-18 2022-08-18 Method and device for drawing canvas based on json segment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210992801.5A CN115423901A (en) 2022-08-18 2022-08-18 Method and device for drawing canvas based on json segment

Publications (1)

Publication Number Publication Date
CN115423901A true CN115423901A (en) 2022-12-02

Family

ID=84199041

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210992801.5A Pending CN115423901A (en) 2022-08-18 2022-08-18 Method and device for drawing canvas based on json segment

Country Status (1)

Country Link
CN (1) CN115423901A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117369820A (en) * 2023-09-22 2024-01-09 北京渲光科技有限公司 Rendering flow chart generation method, device and equipment

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117369820A (en) * 2023-09-22 2024-01-09 北京渲光科技有限公司 Rendering flow chart generation method, device and equipment
CN117369820B (en) * 2023-09-22 2024-04-02 北京渲光科技有限公司 Rendering flow chart generation method, device and equipment

Similar Documents

Publication Publication Date Title
RU2258264C2 (en) Method and system for asymmetric rasterization of image data with excessive selection
JP4261558B2 (en) Image processing method
CN109584366B (en) Terrain rendering method, device, equipment and readable storage medium
CN109446506B (en) Automatic reconstruction method and device for electronic form table
CN115423901A (en) Method and device for drawing canvas based on json segment
CN105160343A (en) Information identification method and device applied to film on-demand-printing system
CN111915705A (en) Picture visual editing method, device, equipment and medium
CN113409411A (en) Rendering method and device of graphical interface, electronic equipment and storage medium
CN110996026B (en) OSD display method, device, equipment and storage medium
CN104424174B (en) Document processing system and document processing method
US8355580B2 (en) Method and system for generating boundary in the process of rasterizing vector graphic as well as method for producing the system
CN105474267A (en) Hardware glyph cache
CN113822012A (en) Font rendering method and device, intelligent wearable device and storage medium
US7280119B2 (en) Method and apparatus for sampling on a non-power-of-two pixel grid
CN113190195A (en) Method and system for visualizing large-amplitude remote sensing image
CN108133094B (en) Layout and wiring display method for field programmable gate array of anti-fuse
US8089493B2 (en) Image processing circuit, display device, and printing device
CN114786067B (en) Bullet screen-based interaction method, bullet screen-based interaction device, bullet screen-based interaction equipment and storage medium
CN113096217B (en) Picture generation method and device, electronic equipment and storage medium
US20130063475A1 (en) System and method for text rendering
US11017505B2 (en) System and method for applying antialiasing to images
JP5710174B2 (en) Two-dimensional barcode generation apparatus, two-dimensional barcode display system, two-dimensional barcode generation method and program
CN110109729B (en) Interface layout adjustment method and device, electronic equipment and storage medium
CN110473146B (en) Remote sensing image display method and device, storage medium and computer equipment
KR102185851B1 (en) Method for Producting E-Book and Computer Program Therefore

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