CN113705156A - Character processing method and device - Google Patents
Character processing method and device Download PDFInfo
- Publication number
- CN113705156A CN113705156A CN202111007595.XA CN202111007595A CN113705156A CN 113705156 A CN113705156 A CN 113705156A CN 202111007595 A CN202111007595 A CN 202111007595A CN 113705156 A CN113705156 A CN 113705156A
- Authority
- CN
- China
- Prior art keywords
- character
- displayed
- information
- character string
- string
- 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
- 238000003672 processing method Methods 0.000 title claims abstract description 39
- 238000009877 rendering Methods 0.000 claims abstract description 98
- 238000000034 method Methods 0.000 claims abstract description 27
- 230000004044 response Effects 0.000 claims abstract description 16
- 238000012545 processing Methods 0.000 claims description 19
- 239000011159 matrix material Substances 0.000 claims description 9
- 230000008569 process Effects 0.000 abstract description 9
- 238000010586 diagram Methods 0.000 description 7
- 238000004891 communication Methods 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000011218 segmentation Effects 0.000 description 1
- 239000004984 smart glass Substances 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/109—Font handling; Temporal or kinetic typography
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- Human Computer Interaction (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
The application provides a character processing method and a device, wherein the character processing method comprises the following steps: receiving at least one character to be displayed; determining character attribute information of each character to be displayed; splicing the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and acquiring the character string typesetting information of the character string to be displayed; and rendering in a target canvas layer according to the character string to be displayed and the character string typesetting information to generate a rendering result corresponding to the character string to be displayed. The method provides a set of character rendering and editing response processes, realizes character typesetting and character editing of characters based on canvas, supports complex character styles, and supports editing under the conditions of character rotation and scaling.
Description
Technical Field
The application relates to the technical field of internet, in particular to a character processing method. The application also relates to a character processing apparatus, a computing device, and a computer-readable storage medium.
Background
Canvas (canvas) -based webgames or webcam summaries there are often scenes of input characters where characters may have rich formats, such as colors, strokes, shadows, text textures, borders, etc., as well as angular rotations, size scaling. The contents are directly rendered on a canvas, when characters are edited and modified, a text cursor needs to be displayed by an editor, the editor has text box selection capability and supports shortcut keys for text input, a built-in text input mode provided by a browser is not based on the canvas, cannot be used in the scenes and cannot restore rich character styles, if an open-source rendering engine is introduced, the capability of text input cannot be used independently, personalized development needs to be carried out based on the rendering engine, and the workload consumption is large.
Disclosure of Invention
In view of the above, an embodiment of the present application provides a character processing method. The application also relates to a character processing device, a computing device and a computer readable storage medium, which are used for solving the problem that the character input mode provided by the browser in the prior art can not be realized in a character input scene based on canvas.
According to a first aspect of embodiments of the present application, there is provided a character processing method, including:
receiving at least one character to be displayed;
determining character attribute information of each character to be displayed;
splicing the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and acquiring the character string typesetting information of the character string to be displayed;
and rendering in a target canvas layer according to the character string to be displayed and the character string typesetting information to generate a rendering result corresponding to the character string to be displayed.
According to a second aspect of embodiments of the present application, there is provided a character processing apparatus including:
a receiving module configured to receive at least one character to be displayed;
a determination module configured to determine character attribute information of each character to be displayed;
the splicing module is configured to splice the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and acquire character string typesetting information of the character string to be displayed;
and the rendering module is configured to render in the target canvas layer according to the character string to be displayed and the character string typesetting information to generate a rendering result corresponding to the character string to be displayed.
According to a third aspect of embodiments of the present application, there is provided a computing device comprising a memory, a processor and computer instructions stored on the memory and executable on the processor, the processor implementing the steps of the character processing method when executing the computer instructions.
According to a fourth aspect of embodiments of the present application, there is provided a computer-readable storage medium storing computer instructions which, when executed by a processor, implement the steps of the character processing method.
The character processing method provided by the application receives at least one character to be displayed; determining character attribute information of each character to be displayed; splicing the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and acquiring the character string typesetting information of the character string to be displayed; and rendering in a target canvas layer according to the character string to be displayed and the character string typesetting information to generate a rendering result corresponding to the character string to be displayed. The method can be conveniently integrated in canvas application to provide typesetting service for the character editing.
Drawings
FIG. 1 is a flow chart of a character processing method according to an embodiment of the present application;
FIG. 2 is a schematic diagram of a rendering result coordinate system provided by an embodiment of the present application;
FIG. 3 is a flowchart illustrating a character processing method applied to a web picture editor according to an embodiment of the present disclosure;
FIG. 4 is a schematic structural diagram of a character processing apparatus according to an embodiment of the present application;
fig. 5 is a block diagram of a computing device according to an embodiment of the present application.
Detailed Description
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present application. This application is capable of implementation in many different ways than those herein set forth and of similar import by those skilled in the art without departing from the spirit of this application and is therefore not limited to the specific implementations disclosed below.
The terminology used in the one or more embodiments of the present application is for the purpose of describing particular embodiments only and is not intended to be limiting of the one or more embodiments of the present application. As used in one or more embodiments of the present application and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used in one or more embodiments of the present application refers to and encompasses any and all possible combinations of one or more of the associated listed items.
It will be understood that, although the terms first, second, etc. may be used herein in one or more embodiments of the present application to describe various information, these information should not be limited by these terms. These terms are only used to distinguish one type of information from another. For example, a first aspect may be termed a second aspect, and, similarly, a second aspect may be termed a first aspect, without departing from the scope of one or more embodiments of the present application. The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination", depending on the context.
First, the noun terms to which one or more embodiments of the present application relate are explained.
A Canvas: is an HTML element that can use script (typically JavaScript) to render graphics.
In a canvas-based web game and a web picture editor, there are often scenes where characters are input, in the input scenes, the characters may have various rich styles, an input component and a textarea component in a browser provide input modes, or an open source drawing engine is implemented based on the canvas, but the input component in the browser is not based on the canvas, and cannot restore the rich character styles, and the open source rendering engine has difficulty in applying the capability of character input alone.
Based on this, the present application provides a character processing method, and the present application also relates to a character processing apparatus, a computing device, and a computer readable storage medium, which support character cursors, character frame selection, editing shortcut keys, and rich text styles, can perform mouse frame selection and input under the conditions of screen rotation and zooming, and is easy to be embedded into a canvas-based web game or a web image editor, and the following embodiments are described in detail one by one.
Fig. 1 shows a flowchart of a character processing method according to an embodiment of the present application, which specifically includes the following steps:
step 102: at least one character to be displayed is received.
The characters to be displayed are character information required to be displayed in a canvas layer (canvas), and the characters to be displayed can be Chinese, English, Japanese, Korean, numbers and the like.
The characters to be displayed may be characters related to a service, for example, in a web game, a nickname "zhangsanabc" of a player needs to be displayed in the upper right corner of a screen, and the "zhangsanabc" is the characters to be displayed. The client receives the characters to be displayed sent by the server, and the characters are displayed in the client after text typesetting and text rendering.
In a specific embodiment provided by the present application, taking a web game as an example, game data sent by a game server is received, and the game data includes a character "zhangtiabc" to be displayed.
Step 104: character attribute information of each character to be displayed is determined.
Each character to be displayed has corresponding character attribute information such as character position information, character color, font size, font style, maximum width, stroke, shading, horizontal alignment, numeric alignment, line spacing, and the like. According to the character attribute information of each character, the style of each character in the rendering process can be determined.
In practical applications, after the characters to be displayed are obtained, it is necessary to determine display area information of the characters to be displayed, for example, in which area the characters to be displayed need to be displayed, and how large the display area is, so that the information needs to be determined according to the character attribute information of each character to be displayed, and based on this, determining the character attribute information of each character to be displayed includes:
measuring character width information of each character to be displayed;
and acquiring the character drawing information of each character to be displayed.
After receiving the characters to be displayed, it is necessary to segment the continuous characters to be displayed into individual characters, for example, the characters to be displayed are "three abc", and after the character segmentation, the individual characters are determined as "three", "a", "b", and "c". And measuring the width of each character by a measureText method of the web canvas to obtain the character width information of each character to be displayed as the character drawing information of each character to be displayed. The role of measurext is to check the width of each character before outputting the text on the canvas.
Step 106: and splicing the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and acquiring the character string typesetting information of the character string to be displayed.
After the character attribute information of each character to be displayed is acquired, the characters to be displayed need to be spliced according to the character attribute information to generate a character string to be displayed, wherein the character string to be displayed specifically refers to text information displayed in a canvas layer, and the character string typesetting information is line feed information, position information and width information of each character, information of a surrounding matrix outside the character, information of a text box and the like when the character string to be displayed is output to the canvas layer.
And generating a character string to be displayed, and acquiring the character string typesetting information of the character string to be displayed so as to provide accurate typesetting information when rendering the character string to be displayed subsequently.
Specifically, obtaining the character string layout information of the character string to be displayed includes S1062 to S1068:
s1062, acquiring character space information of adjacent characters to be displayed, character string attribute information of the character string to be displayed and character string coordinate information of the character string to be displayed.
In practical application, traversing each character to be displayed, acquiring character space information of two adjacent characters to be displayed, and acquiring character string attribute information of a character string to be displayed and character string coordinate information of the character string to be displayed at the same time, wherein the character space information of two adjacent characters to be displayed is used for determining the character space information of any two adjacent characters to be displayed; the character string attribute information includes width information, line number information and the like of a text box corresponding to the character string, and whether a line feed character "\\ n" is included in the character string to be displayed; the character string coordinate information specifically refers to position information of the character string to be displayed in the canvas layer.
S1064, determining character string line changing information of the character string to be displayed according to the character width information of each character to be displayed and the character space information between adjacent characters to be displayed.
After traversing each character to be displayed and obtaining character space information between adjacent characters to be displayed, combining character width information of each character to be displayed, the character string line changing information of the character string to be displayed can be determined, wherein the character string line changing information specifically refers to how many lines of the character string to be displayed need to be displayed and how much content of each line is displayed.
Specifically, determining the string line changing information of the character string to be displayed according to the character width information of each character to be displayed and the character space information between adjacent characters to be displayed includes:
sequentially splicing each character to be displayed to obtain a character string to be displayed;
calculating the length of a spliced character string of the character string to be displayed according to the character width information of the character string to be displayed and the character spacing information between adjacent characters to be displayed;
and under the condition that the length of the spliced character string is greater than a preset length threshold value, executing line feed operation on the character string to be displayed and generating character string line feed information.
In practical application, after the character width information of each character to be displayed and the character spacing information between adjacent characters to be displayed are obtained, the characters to be displayed can be spliced according to the information to obtain a character string to be displayed, and in the splicing process, if the sum of the total width of the characters to be displayed spliced in a certain line and the character width information between the characters to be displayed in the line is greater than a preset length threshold value, line changing processing needs to be executed on the character string to be displayed. The preset length threshold may be set according to the length parameter, or may be determined according to the character string attribute information in S1062, for example, if it is determined in the character string attribute information that the width of the text box corresponding to the character string to be displayed is t, the preset length threshold is set to t, and when the length of the character string to be displayed exceeds t, a line feed operation is performed on the character string to be displayed, and the character string line feed information is generated and recorded.
In the character string attribute information in S1062, it may also be determined whether a line feed character is included in the character string to be displayed, where the line feed character may also trigger a line feed operation, and therefore the method further includes:
and under the condition that the characters to be displayed comprise line-feed characters, performing line-feed operation on the character strings to be displayed and generating character string line-feed information.
And under the condition that the character to be displayed comprises the line feed character, executing line feed operation on the character string to be displayed according to the line feed character, and generating and recording character string line feed information.
In the above-mentioned character string attribute information in S1062, the line number information of the text box corresponding to the character string to be displayed is further included, so the method further includes:
counting the character serial number of the character string to be displayed;
and hiding the character to be displayed after the line-feed character of the last line of the character string to be displayed under the condition that the serial number of the character is greater than the preset line number threshold value.
The character serial number of the character string to be displayed can be determined according to the line feed information of the character string to be displayed, the character serial number specifically means that the character string to be displayed has a plurality of lines in total, when the character serial number is larger than a preset line number threshold value, it is indicated that the character string to be displayed cannot be displayed completely, and the preset line number threshold value can be determined according to the line number information in the character string attribute information.
And hiding the character to be displayed after the character is wrapped in the last line of the character string under the condition that the serial number of the character is larger than the preset line number threshold, and adding an ellipsis at the tail of the last line to represent that the content display is not finished.
S1066, calculating character coordinate information of each character to be displayed according to the character string line feed information, the character string attribute information, the character string coordinate information and the character spacing information of the adjacent characters to be displayed.
After determining the character string line-changing information, calculating character coordinate information of each character to be displayed by combining information such as width information, line number information and the like of a text box corresponding to the character string in the character string attribute information, character string coordinate information and character spacing information of adjacent characters to be displayed, wherein for example, the character string coordinate information is p1(x1, y1), the first character to be displayed is the same as the character string coordinate information and is also p1(x1, y1), the character spacing information of the second character string to be displayed and the first character string to be displayed is q, and then determining the coordinate information of the second character to be displayed is p1(x2, y1), wherein x2 is x1+ q; according to the character string line-changing information, the first character to be displayed in the second line is determined to be the 8 th character, the line spacing is h, the coordinate information of the 8 th character to be displayed is p1(x1, y2), wherein y2 is y1+ h, and so on, the character coordinate information of each character to be displayed can be determined. And caching the character coordinate information of each character to be displayed into a memory of the client for subsequent rendering processing.
S1068, generating character string typesetting information according to the character space information of the adjacent characters to be displayed, the character string attribute information, the character string coordinate information, the character width information of each character to be displayed, the character coordinate information of each character to be displayed and the character string line changing information.
After the character string line changing information and the character coordinate information of each character to be displayed are obtained in the above steps, the character string typesetting information of the character string to be displayed is generated by combining the character spacing information, the character string attribute information (text box information corresponding to horizontal alignment, vertical alignment and character string), the character string coordinate information and the like of the adjacent characters to be displayed, and the character string typesetting information is cached in the memory of the client for subsequent rendering processing.
In practical application, the character typesetting module receives the characters to be displayed and the style information of the characters, and after the processing of the steps is carried out on the characters, the character string typesetting information of the character strings to be displayed is output.
Step 108: and rendering in a target canvas layer according to the character string to be displayed and the character string typesetting information to generate a rendering result corresponding to the character string to be displayed.
After the character string to be displayed is obtained and the character string typesetting information is generated, the character information is rendered in a target canvas layer (canvas), and the character to be displayed is rendered in the canvas.
Specifically, rendering the character string to be displayed and the character string layout information in the target canvas layer to generate a rendering result corresponding to the character string to be displayed, including S1082 to S1086:
s1082, creating a temporary canvas layer according to the character string text box information.
Carrying character string text box information corresponding to the character string in the character string typesetting information, and creating a temporary canvas (temporary canvas) corresponding to the character string text box information according to the character string text box information. For example, if the width of the text box of the character string is width and the height is height, a temporary canvas with width and height is created.
In practical application, the scaling information of the character string to be displayed is also considered, and the temporary canvas layer is created according to the character string text box information and the scaling information, for example, the width of the character string text box is width, the height of the character string text box is height, the transverse scaling of the character to be displayed is scaleX, the longitudinal scaling of the character to be displayed is scaleY, the width of the temporary canvas is width scaleX, and the height of the temporary canvas layer is height scaleY.
S1084, drawing on the temporary canvas layer according to the character space information of adjacent characters to be displayed, the character string attribute information, the character string coordinate information, the character width information of each character to be displayed, and the character coordinate information of each character to be displayed to generate a temporary rendering result corresponding to the character string to be displayed.
After the temporary canvas is created, a temporary rendering result corresponding to the character string to be displayed can be generated by drawing the character coordinate information of each character to be displayed, the character width information of each character to be displayed, the character spacing information of adjacent characters to be displayed, the character string attribute information and the character string coordinate information carried in the character string typesetting information word by word in the temporary canvas.
S1086, transmitting the temporary rendering result to a target canvas layer, and generating a rendering result corresponding to the character string to be displayed in the target canvas layer.
After the temporary rendering result is drawn in the temporary canvas, the temporary drawing result is drawn on the finally displayed canvas in combination with the character string coordinate information and the character string attribute information (character string text box position information, character string rotation information to be displayed, and character string scaling information to be displayed).
By the method, the typesetting and rendering of the characters are realized based on the canvas, the complex character styles are supported, and the method can be conveniently integrated in the canvas-based application, such as a picture editor, a 2Dcanvas game, various webpage drawing tools and the like.
In practical applications, the text is rendered into the target canvas according to the information obtained in the above steps 102 to 106 by the text rendering module.
In practical applications, the method may further edit the character rendering result rendered to the canvas layer, and the method further includes S1100-S1108.
S1100, receiving an editing instruction aiming at the rendering result.
After the rendering result is displayed and generated, the user can edit the rendering result, and the client receives an editing instruction aiming at the rendering result.
The user triggers an editing instruction of the rendering result, which usually starts with the user clicking a character in a picture, a cursor appears at the clicked position and flickers, and at the same time, keyboard data is called, or the character content is framed and selected, and then subsequent copying, modifying or deleting is performed.
And S1102, determining editing cursor position information in the rendering result in response to the editing instruction, and determining characters to be edited.
When a user clicks a rendering result, coordinate information in a browser when the user clicks can be directly obtained, and a flashing cursor needs to appear near characters clicked by an editing instruction, namely, the relative coordinate of the click position information in a character content area needs to be known, and the coordinate information of the browser is converted into editing cursor position information, namely, the editing cursor position information is the relative coordinate relative to the rendering result.
Specifically, determining editing cursor position information in the rendering result in response to the editing instruction includes:
acquiring a canvas layer coordinate system of the target canvas layer and a character coordinate system of a rendering result corresponding to the character string to be displayed;
determining a rotation matrix of the character coordinate system relative to the canvas layer coordinate system according to the canvas layer coordinate system and the character coordinate system;
determining the position coordinates of the canvas of the editing instruction in the target canvas layer;
and determining the position information of the editing cursor according to the canvas position coordinate and the rotation matrix.
The coordinate system of the canvas layer is the coordinate system of the target canvas layer, and the coordinate system of the character is the coordinate system of the text box corresponding to the rendering result. Referring to fig. 2 below, fig. 2 shows a schematic diagram of a rendering result coordinate system provided by an embodiment of the present application. As shown in fig. 2, when the user clicks on the "thrill stimulus", a flashing cursor needs to appear between the "thrill stimulus" and the "parachuting trip" to indicate that the user has clicked on a text region. Firstly, a canvas layer coordinate system (X, Y) of a target canvas layer and a character coordinate system (X ', Y') of a rendering result are obtained. And calculating a rotation matrix alpha of the character coordinate system relative to the canvas layer coordinate system according to the character string rotation information to be displayed in the character string attribute information, the canvas layer coordinate system and the character coordinate system, namely establishing a conversion relation between the canvas layer coordinate system and the character coordinate system.
In the above steps, the user clicks the canvas, the coordinates (X1, Y1) in the target canvas layer clicked when the click occurs can be directly obtained, and the editing cursor position information (X1 ', Y1') of the click position in the character coordinate system can be calculated according to the coordinates and the rotation matrix α.
In addition, the distance and the included angle between the click position and the X axis and the Y axis of the character coordinate system of the text box can be calculated to calculate the position information of the editing cursor. The specific distance between the click position and X weeks and Y weeks can be calculated by a vector method or a triangle method; calculating the included angle of the click position from the X axis Y circumference can be calculated by a trigonometric function. When the position information of the editing cursor is calculated, if the included angle of the click position relative to the X axis of the character coordinate system is larger than 90 degrees, the X coordinate of the position of the editing cursor is a negative number, otherwise, the X coordinate is a positive number; if the included angle of the click position relative to the Y axis of the character coordinate system is larger than 90 degrees, the Y coordinate of the editing cursor position is a negative number, and otherwise, the Y coordinate is a positive number. And then the distance between the click position and the X axis and the distance between the click position and the Y axis are combined to calculate the position information of the editing cursor.
In practical application, when an editing instruction is received, a character to be edited is usually determined according to the editing instruction, the character to be edited specifically refers to a character which needs to be edited in an editing process, and the determining of the character to be edited in the rendering result in response to the editing instruction includes:
acquiring cursor starting information and cursor ending information in the editing instruction;
and determining the character to be edited according to the cursor starting information and the cursor ending information.
In the above steps, after obtaining the editing cursor position information of the character coordinate system corresponding to the rendering result corresponding to the click position of the editing instruction, replacing the cursor position with cursor start information (startCursorIndex) and cursor end information (endCursorIndex), and when the startCursorIndex is equal to endCursorIndex, the picture shows that a cursor is flickering; when the startCursorIndex is less than the endCursorIndex, the text is framed at the moment, and when the startCursorIndex and the endCursorIndex are both 0, the cursor flickers at the left side of the first text; when the startCursorIndex and the endCursorIndex are both 2, the cursor flickers to the right of the second character; when startcursendex is 0 and endcursendex is 4, the first 4 letters are boxed; when startcursendex is 3 and endcursendex is 6, the representative frame selects the 4 th to 6 th words.
S1104, calling an input assembly, receiving the character to be updated through the input assembly, and determining character attribute information of the character to be updated.
In the above steps, the response of the editing cursor position information to the click is determined, and then the response to the character input needs to be processed, since canvas is not an input component in the browser and is not suitable for responding to the input event of the keyboard, a native input component is needed to respond to the input event, when the input state is entered, a hidden textarea input component needs to be added on the interface, the text content in the textarea is set as the character to be edited, and the textarea component is set as the focus state (the state of accepting the input). Since the focus state of the textarea is canceled when the canvas layer is clicked to select the area, the textarea component needs to be set to the focus state again each time after the canvas layer is clicked.
The character to be updated is received in the textarea component, and character attribute information of the character to be updated, such as font, color, size, and the like, is acquired.
S1106, replacing the character to be edited with the character to be updated to generate a character string to be updated, updating the character string typesetting information according to the character attribute information of the character to be updated, and obtaining the character string typesetting information to be updated.
And replacing the character to be edited in the textarea with the character to be updated in the textarea to generate a character string to be updated, and when the content in the textarea is changed, rearranging and rendering the characters and the selected content.
In practical applications, in order to avoid the influence of re-rendering on the original rendered picture, when the edited state is entered, a temporary canvas with the same size as the text box corresponding to the rendering result needs to be created to cover the text box, the text information of the original rendered picture is transmitted to the temporary canvas, and only the content in the temporary canvas is edited in the editing process, so that the original rendered picture is prevented from being polluted.
S1108, rendering in the target canvas layer according to the character string to be updated and the typesetting information of the character string to be updated to generate a rendering result corresponding to the character string to be updated.
After the character string to be updated and the typesetting information of the character string to be updated are obtained, rendering is carried out in a temporary canvas to generate a corresponding temporary rendering result, and then the temporary rendering result is obtained and then is transmitted to a target canvas layer to replace the original rendering result so as to generate a new rendering result corresponding to the character string to be updated. And then, editing the original rendering picture, rendering and editing the characters, rendering characters, a cursor, selecting and corresponding mouse operation events by using canvas, receiving keyboard input operation and shortcut key operation by using textarea, and finishing the character processing process by combining canvas and textarea.
The character processing method provided by the embodiment of the application comprises the steps of receiving at least one character to be displayed; determining character attribute information of each character to be displayed; splicing the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and acquiring the character string typesetting information of the character string to be displayed; according to the character string to be displayed and the rendering result corresponding to the character string to be displayed generated by rendering the character string typesetting information in the target canvas layer, a set of character rendering and editing response processes are provided, character typesetting and character editing of characters are realized based on canvas, complex character styles are supported, and editing under the conditions of character rotation and zooming is supported.
The following description will further explain the character processing method by taking an application of the character processing method provided by the present application in a web picture editor as an example with reference to fig. 3. Fig. 3 shows a processing flow chart of a character processing method applied to a web picture editor, which includes the following steps:
step 302: receiving the character to be displayed, namely 'good weather today' and simultaneously receiving character style information of the character to be displayed.
Step 304: dividing the characters to be displayed into single characters, and measuring the width of each character by using a measureText method of a web canvas to obtain the character width information of each character to be displayed.
Step 306: traversing each character, and sequentially splicing each character to be displayed according to the width information, the word spacing information, the maximum line width and the line feed character in the character to generate a character string and corresponding line feed information.
Step 308: and calculating the position information of each character to be displayed and the text box information corresponding to the character string according to the line feed information, the character spacing information, the horizontal alignment information, the numerical value alignment information and the character positioning coordinate information of the characters.
Step 310: a first temporary canvas of a corresponding size is created from the text box information and the zoom information of the text.
Step 312: and drawing the first temporary canvas word by word according to the typesetting information and the character style information, and displaying the rendering result in the first temporary canvas in a target canvas by combining the text box information, the character zooming information and the character rotating information after the drawing is finished.
Step 314: receiving an editing instruction for the rendering result.
Step 316: in response to the editing instruction, it is determined that the editing cursor position is in front of "good" in the rendering result, and at the same time, it is determined that the character to be edited is "good", and a second temporary canvas is created.
Step 318: the textarea component is called, good "is set into the component, good" is modified to "clear" in response to the keyboard command, and the content in the textarea component is synchronized into the second temporary canvas in real time.
Step 320: after the editing is completed, synchronizing the content in the second temporary canvas to the target canvas, generating a new rendering result, and completing the editing of the original rendering result.
The character processing method provided by the embodiment of the application is applied to a web picture editor, provides rendering and editing response processes, realizes character typesetting and character editing of characters based on canvas, supports complex character styles, and supports editing under the conditions of character rotation and zooming.
Corresponding to the above-mentioned character processing method embodiment, the present application further provides a character processing apparatus embodiment, and fig. 4 shows a schematic structural diagram of a character processing apparatus provided in an embodiment of the present application. As shown in fig. 4, the apparatus includes:
a receiving module 402 configured to receive at least one character to be displayed;
a determining module 404 configured to determine character attribute information of each character to be displayed;
the splicing module 406 is configured to splice the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and obtain the character string typesetting information of the character string to be displayed;
and the rendering module 408 is configured to render in the target canvas layer according to the character string to be displayed and the character string typesetting information to generate a rendering result corresponding to the character string to be displayed.
Optionally, the determining module 404 is further configured to:
measuring character width information of each character to be displayed;
and acquiring the character drawing information of each character to be displayed.
Optionally, the splicing module 406 is further configured to:
acquiring character space information of adjacent characters to be displayed, character string attribute information of the character string to be displayed and character string coordinate information of the character string to be displayed;
determining character string line changing information of the character string to be displayed according to the character width information of each character to be displayed and the character space information between adjacent characters to be displayed;
calculating the character coordinate information of each character to be displayed according to the character string line feed information, the character string attribute information, the character string coordinate information and the character spacing information of adjacent characters to be displayed;
and generating character string typesetting information according to the character space information of the adjacent characters to be displayed, the character string attribute information, the character string coordinate information, the character width information of each character to be displayed, the character coordinate information of each character to be displayed and the character string line changing information.
Optionally, the splicing module 406 is further configured to:
sequentially splicing each character to be displayed to obtain a character string to be displayed;
calculating the length of a spliced character string of the character string to be displayed according to the character width information of the character string to be displayed and the character spacing information between adjacent characters to be displayed;
and under the condition that the length of the spliced character string is greater than a preset length threshold value, executing line feed operation on the character string to be displayed and generating character string line feed information.
Optionally, the splicing module 406 is further configured to:
and under the condition that the characters to be displayed comprise line-feed characters, performing line-feed operation on the character strings to be displayed and generating character string line-feed information.
Optionally, the apparatus further comprises:
the statistical module is configured to count the character serial number of the character string to be displayed;
and the hiding module is configured to hide the character to be displayed after the line-feed character of the last line of the character string to be displayed under the condition that the serial number of the character is greater than a preset line number threshold value.
Optionally, the rendering module 408 is further configured to:
creating a temporary canvas layer according to the information of the character string text box;
drawing on the temporary canvas layer according to the character spacing information of adjacent characters to be displayed, the character string attribute information, the character string coordinate information, the character width information of each character to be displayed and the character coordinate information of each character to be displayed to generate a temporary rendering result corresponding to the character string to be displayed;
and transmitting the temporary rendering result to a target canvas layer, and generating a rendering result corresponding to the character string to be displayed in the target canvas layer.
Optionally, the rendering module 408 is further configured to:
acquiring scaling information of the character string;
and creating a temporary canvas layer according to the character string text box information and the character string zooming information.
Optionally, the apparatus further comprises:
an edit instruction receiving module configured to receive an edit instruction for the rendering result;
a cursor determining module configured to determine editing cursor position information in the rendering result in response to the editing instruction and determine a character to be edited;
the system comprises a calling module, a storage module and a display module, wherein the calling module is configured to call an input assembly, receive a character to be updated through the input assembly and determine character attribute information of the character to be updated;
the character string updating module is configured to replace the character to be edited with the character to be updated, generate a character string to be updated, update the character string typesetting information according to the character attribute information of the character to be updated, and obtain the character string typesetting information to be updated;
and the editing and rendering module is configured to render in the target canvas layer according to the character string to be updated and the typesetting information of the character string to be updated to generate a rendering result corresponding to the character string to be updated.
Optionally, the cursor determining module is further configured to:
acquiring a canvas layer coordinate system of the target canvas layer and a character coordinate system of a rendering result corresponding to the character string to be displayed;
determining a rotation matrix of the character coordinate system relative to the canvas layer coordinate system according to the canvas layer coordinate system and the character coordinate system;
determining the position coordinates of the canvas of the editing instruction in the target canvas layer;
and determining the position information of the editing cursor according to the canvas position coordinate and the rotation matrix.
Optionally, the cursor determining module is further configured to:
acquiring cursor starting information and cursor ending information in the editing instruction;
and determining the character to be edited according to the cursor starting information and the cursor ending information.
The character processing device provided by the embodiment of the application comprises a display module, a display module and a display module, wherein the display module receives at least one character to be displayed; determining character attribute information of each character to be displayed; splicing the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and acquiring the character string typesetting information of the character string to be displayed; according to the character string to be displayed and the rendering result corresponding to the character string to be displayed generated by rendering the character string typesetting information in the target canvas layer, a set of character rendering and editing response flow is provided, character typesetting and character editing of characters are realized based on canvas, complicated character styles are supported, and editing under the conditions of character rotation and zooming is supported.
The above is a schematic arrangement of a character processing apparatus of the present embodiment. It should be noted that the technical solution of the character processing apparatus and the technical solution of the character processing method belong to the same concept, and details that are not described in detail in the technical solution of the character processing apparatus can be referred to the description of the technical solution of the character processing method.
Fig. 5 illustrates a block diagram of a computing device 500 provided according to an embodiment of the present application. The components of the computing device 500 include, but are not limited to, a memory 510 and a processor 520. Processor 520 is coupled to memory 510 via bus 530, and database 550 is used to store data.
Computing device 500 also includes access device 540, access device 540 enabling computing device 500 to communicate via one or more networks 560. Examples of such networks include the Public Switched Telephone Network (PSTN), a Local Area Network (LAN), a Wide Area Network (WAN), a Personal Area Network (PAN), or a combination of communication networks such as the internet. The access device 540 may include one or more of any type of network interface, e.g., a Network Interface Card (NIC), wired or wireless, such as an IEEE802.11 Wireless Local Area Network (WLAN) wireless interface, a worldwide interoperability for microwave access (Wi-MAX) interface, an ethernet interface, a Universal Serial Bus (USB) interface, a cellular network interface, a bluetooth interface, a Near Field Communication (NFC) interface, and so forth.
In one embodiment of the application, the above-described components of computing device 500 and other components not shown in FIG. 5 may also be connected to each other, such as by a bus. It should be understood that the block diagram of the computing device architecture shown in FIG. 5 is for purposes of example only and is not limiting as to the scope of the present application. Those skilled in the art may add or replace other components as desired.
Computing device 500 may be any type of stationary or mobile computing device, including a mobile computer or mobile computing device (e.g., tablet, personal digital assistant, laptop, notebook, netbook, etc.), mobile phone (e.g., smartphone), wearable computing device (e.g., smartwatch, smartglasses, etc.), or other type of mobile device, or a stationary computing device such as a desktop computer or PC. Computing device 500 may also be a mobile or stationary server.
Wherein processor 520, when executing the computer instructions, performs the steps of the character processing method.
The above is an illustrative scheme of a computing device of the present embodiment. It should be noted that the technical solution of the computing device and the technical solution of the character processing method belong to the same concept, and details that are not described in detail in the technical solution of the computing device can be referred to the description of the technical solution of the character processing method.
An embodiment of the present application further provides a computer readable storage medium, which stores computer instructions, and the computer instructions, when executed by a processor, implement the steps of the character processing method as described above.
The above is an illustrative scheme of a computer-readable storage medium of the present embodiment. It should be noted that the technical solution of the storage medium belongs to the same concept as the technical solution of the character processing method, and details that are not described in detail in the technical solution of the storage medium can be referred to the description of the technical solution of the character processing method.
The foregoing description of specific embodiments of the present application has been presented. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.
The computer instructions comprise computer program code which may be in the form of source code, object code, an executable file or some intermediate form, or the like. 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 content that is subject to appropriate increase or decrease as required by legislation and patent practice in jurisdictions, for example, in some jurisdictions, computer readable media does not include electrical carrier signals and telecommunications signals as is required by legislation and patent practice.
It should be noted that, for the sake of simplicity, the above-mentioned method embodiments are described as a series of acts or combinations, but those skilled in the art should understand that the present application is not limited by the described order of acts, as some steps may be performed in other orders or simultaneously according to the present application. Further, those skilled in the art should also appreciate that the embodiments described in the specification are preferred embodiments and that the acts and modules referred to are not necessarily required in this application.
In the above embodiments, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.
The preferred embodiments of the present application disclosed above are intended only to aid in the explanation of the application. Alternative embodiments are not exhaustive and do not limit the invention to the precise embodiments described. Obviously, many modifications and variations are possible in light of the above teaching. The embodiments were chosen and described in order to best explain the principles of the application and its practical applications, to thereby enable others skilled in the art to best understand and utilize the application. The application is limited only by the claims and their full scope and equivalents.
Claims (14)
1. A character processing method, comprising:
receiving at least one character to be displayed;
determining character attribute information of each character to be displayed;
splicing the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and acquiring the character string typesetting information of the character string to be displayed;
and rendering in a target canvas layer according to the character string to be displayed and the character string typesetting information to generate a rendering result corresponding to the character string to be displayed.
2. The character processing method of claim 1, wherein determining character attribute information for each character to be displayed comprises:
measuring character width information of each character to be displayed;
and acquiring the character drawing information of each character to be displayed.
3. The character processing method of claim 2, wherein obtaining the character string layout information of the character string to be displayed comprises:
acquiring character space information of adjacent characters to be displayed, character string attribute information of the character string to be displayed and character string coordinate information of the character string to be displayed;
determining character string line changing information of the character string to be displayed according to the character width information of each character to be displayed and the character space information between adjacent characters to be displayed;
calculating the character coordinate information of each character to be displayed according to the character string line feed information, the character string attribute information, the character string coordinate information and the character spacing information of adjacent characters to be displayed;
and generating character string typesetting information according to the character space information of the adjacent characters to be displayed, the character string attribute information, the character string coordinate information, the character width information of each character to be displayed, the character coordinate information of each character to be displayed and the character string line changing information.
4. The character processing method of claim 3, wherein determining the character string line-changing information of the character string to be displayed according to the character width information of each character to be displayed and the character spacing information between adjacent characters to be displayed comprises:
sequentially splicing each character to be displayed to obtain a character string to be displayed;
calculating the length of a spliced character string of the character string to be displayed according to the character width information of the character string to be displayed and the character spacing information between adjacent characters to be displayed;
and under the condition that the length of the spliced character string is greater than a preset length threshold value, executing line feed operation on the character string to be displayed and generating character string line feed information.
5. The character processing method of claim 4, wherein the method further comprises:
and under the condition that the characters to be displayed comprise line-feed characters, performing line-feed operation on the character strings to be displayed and generating character string line-feed information.
6. The character processing method according to claim 4 or 5, characterized in that the method further comprises:
counting the character serial number of the character string to be displayed;
and hiding the character to be displayed after the line-feed character of the last line of the character string to be displayed under the condition that the serial number of the character is greater than the preset line number threshold value.
7. The character processing method of claim 3, wherein rendering the character string to be displayed and the layout information of the character string in a target canvas layer to generate a rendering result corresponding to the character string to be displayed comprises:
creating a temporary canvas layer according to the information of the character string text box;
drawing on the temporary canvas layer according to the character spacing information of adjacent characters to be displayed, the character string attribute information, the character string coordinate information, the character width information of each character to be displayed and the character coordinate information of each character to be displayed to generate a temporary rendering result corresponding to the character string to be displayed;
and transmitting the temporary rendering result to a target canvas layer, and generating a rendering result corresponding to the character string to be displayed in the target canvas layer.
8. The character processing method of claim 7, wherein creating a temporary canvas layer from the character string text box information comprises:
acquiring scaling information of the character string;
and creating a temporary canvas layer according to the character string text box information and the character string zooming information.
9. The character processing method of any one of claims 1-5 or 7-8, wherein the method further comprises:
receiving an editing instruction for the rendering result;
determining editing cursor position information in the rendering result in response to the editing instruction, and determining characters to be edited;
calling an input component, receiving a character to be updated through the input component, and determining character attribute information of the character to be updated;
replacing the character to be edited with the character to be updated to generate a character string to be updated, updating the character string typesetting information according to the character attribute information of the character to be updated, and obtaining the character string typesetting information to be updated;
rendering in the target canvas layer according to the character string to be updated and the typesetting information of the character string to be updated to generate a rendering result corresponding to the character string to be updated.
10. The character processing method according to claim 9, wherein determining editing cursor position information in the rendering result in response to the editing instruction includes:
acquiring a canvas layer coordinate system of the target canvas layer and a character coordinate system of a rendering result corresponding to the character string to be displayed;
determining a rotation matrix of the character coordinate system relative to the canvas layer coordinate system according to the canvas layer coordinate system and the character coordinate system;
determining the position coordinates of the canvas of the editing instruction in the target canvas layer;
and determining the position information of the editing cursor according to the canvas position coordinate and the rotation matrix.
11. The character processing method according to claim 9, wherein determining a character to be edited in the rendering result in response to the editing instruction includes:
acquiring cursor starting information and cursor ending information in the editing instruction;
and determining the character to be edited according to the cursor starting information and the cursor ending information.
12. A character processing apparatus, characterized by comprising:
a receiving module configured to receive at least one character to be displayed;
a determination module configured to determine character attribute information of each character to be displayed;
the splicing module is configured to splice the at least one character to be displayed according to the character attribute information of each character to be displayed to generate a character string to be displayed, and acquire character string typesetting information of the character string to be displayed;
and the rendering module is configured to render in the target canvas layer according to the character string to be displayed and the character string typesetting information to generate a rendering result corresponding to the character string to be displayed.
13. A computing device comprising a memory, a processor, and computer instructions stored on the memory and executable on the processor, wherein the processor implements the steps of the method of any one of claims 1-11 when executing the computer instructions.
14. A computer-readable storage medium storing computer instructions, which when executed by a processor, perform the steps of the method of any one of claims 1 to 11.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111007595.XA CN113705156A (en) | 2021-08-30 | 2021-08-30 | Character processing method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111007595.XA CN113705156A (en) | 2021-08-30 | 2021-08-30 | Character processing method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113705156A true CN113705156A (en) | 2021-11-26 |
Family
ID=78657209
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111007595.XA Pending CN113705156A (en) | 2021-08-30 | 2021-08-30 | Character processing method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113705156A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115870629A (en) * | 2023-02-21 | 2023-03-31 | 飞天诚信科技股份有限公司 | Laser lettering method, device, equipment and medium for single-line font |
| CN115988170A (en) * | 2023-03-20 | 2023-04-18 | 全时云商务服务股份有限公司 | Method and device for clearly displaying Chinese and English characters in real-time video screen combination in cloud conference |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2000259621A (en) * | 1999-03-09 | 2000-09-22 | Matsushita Electric Ind Co Ltd | Document editor, its edition method and recording medium storing document edition program |
| CN101127035A (en) * | 2007-10-11 | 2008-02-20 | 金蝶软件（中国）有限公司 | Method and device drafting character string at targeted area |
| CN103336690A (en) * | 2013-06-28 | 2013-10-02 | 优视科技有限公司 | HTML (Hypertext Markup Language) 5-based text-element drawing method and device |
| CN104461483A (en) * | 2013-09-16 | 2015-03-25 | 北大方正集团有限公司 | Font rendering method and device, rendering platform client and server |
| US20170018259A1 (en) * | 2014-04-18 | 2017-01-19 | Tencent Technology (Shenzhen) Company Limited | Character string display method and apparatus |
| CN108279964A (en) * | 2018-01-19 | 2018-07-13 | 广州视源电子科技股份有限公司 | The implementation method and device that text control, mask for copy editor render |
| CN108460003A (en) * | 2018-02-02 | 2018-08-28 | 广州视源电子科技股份有限公司 | The treating method and apparatus of text data |
| CN109978972A (en) * | 2019-03-20 | 2019-07-05 | 珠海天燕科技有限公司 | A kind of method and device of copy editor in picture |
| CN111259301A (en) * | 2020-01-19 | 2020-06-09 | 北京飞漫软件技术有限公司 | Method, device, equipment and storage medium for rendering elements in HTML page |
| CN112507669A (en) * | 2020-12-07 | 2021-03-16 | 深圳市欢太科技有限公司 | Text processing method and device, storage medium and electronic equipment |
| CN112614211A (en) * | 2020-12-29 | 2021-04-06 | 广州光锥元信息科技有限公司 | Method and device for text and image self-adaptive typesetting and animation linkage |
-
2021
- 2021-08-30 CN CN202111007595.XA patent/CN113705156A/en active Pending
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2000259621A (en) * | 1999-03-09 | 2000-09-22 | Matsushita Electric Ind Co Ltd | Document editor, its edition method and recording medium storing document edition program |
| CN101127035A (en) * | 2007-10-11 | 2008-02-20 | 金蝶软件（中国）有限公司 | Method and device drafting character string at targeted area |
| CN103336690A (en) * | 2013-06-28 | 2013-10-02 | 优视科技有限公司 | HTML (Hypertext Markup Language) 5-based text-element drawing method and device |
| CN104461483A (en) * | 2013-09-16 | 2015-03-25 | 北大方正集团有限公司 | Font rendering method and device, rendering platform client and server |
| US20170018259A1 (en) * | 2014-04-18 | 2017-01-19 | Tencent Technology (Shenzhen) Company Limited | Character string display method and apparatus |
| CN108279964A (en) * | 2018-01-19 | 2018-07-13 | 广州视源电子科技股份有限公司 | The implementation method and device that text control, mask for copy editor render |
| CN108460003A (en) * | 2018-02-02 | 2018-08-28 | 广州视源电子科技股份有限公司 | The treating method and apparatus of text data |
| CN109978972A (en) * | 2019-03-20 | 2019-07-05 | 珠海天燕科技有限公司 | A kind of method and device of copy editor in picture |
| CN111259301A (en) * | 2020-01-19 | 2020-06-09 | 北京飞漫软件技术有限公司 | Method, device, equipment and storage medium for rendering elements in HTML page |
| CN112507669A (en) * | 2020-12-07 | 2021-03-16 | 深圳市欢太科技有限公司 | Text processing method and device, storage medium and electronic equipment |
| CN112614211A (en) * | 2020-12-29 | 2021-04-06 | 广州光锥元信息科技有限公司 | Method and device for text and image self-adaptive typesetting and animation linkage |
Non-Patent Citations (1)
| Title |
|---|
| 石虎山, 裘雪红: "在滚动视图中嵌入局部文本编辑", 微机发展, no. 09, 10 September 2003 (2003-09-10), pages 16 - 18 * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115870629A (en) * | 2023-02-21 | 2023-03-31 | 飞天诚信科技股份有限公司 | Laser lettering method, device, equipment and medium for single-line font |
| CN115988170A (en) * | 2023-03-20 | 2023-04-18 | 全时云商务服务股份有限公司 | Method and device for clearly displaying Chinese and English characters in real-time video screen combination in cloud conference |
| CN115988170B (en) * | 2023-03-20 | 2023-08-11 | 全时云商务服务股份有限公司 | Method and device for clearly displaying English characters in real-time video combined screen in cloud conference |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| TWI808393B (en) | Page processing method, device, apparatus and storage medium | |
| CN112882637B (en) | Interaction method for multi-layer animation display and browser | |
| CN113705156A (en) | Character processing method and device | |
| CN113411664B (en) | Video processing method and device based on sub-application and computer equipment | |
| CN111399831A (en) | Page display method and device, storage medium and electronic device | |
| CN111803953A (en) | Image processing method, image processing device, computer equipment and computer readable storage medium | |
| CN111596848A (en) | Interface color taking method, device, equipment and storage medium | |
| CN111581564B (en) | Webpage synchronous communication method implemented by Canvas | |
| CN114003160B (en) | Data visual display method, device, computer equipment and storage medium | |
| CN115170709A (en) | Dynamic image editing method and device and electronic equipment | |
| CN113326043B (en) | Webpage rendering method, webpage manufacturing method and webpage rendering system | |
| CN112825020A (en) | Picture generation method and device, computer equipment and storage medium | |
| JP2011086050A (en) | Information processing terminal and computer program | |
| CN111309430B (en) | Method and related device for automatically caching user interaction interface nodes | |
| CN112819927A (en) | Video generation method and device based on pictures | |
| JP2011192008A (en) | Image processing system and image processing method | |
| CN113419806B (en) | Image processing method, device, computer equipment and storage medium | |
| US10049425B2 (en) | Merging filters for a graphic processing unit | |
| CN115904372A (en) | Data processing method and device | |
| CN110990104B (en) | Texture rendering method and device based on Unity3D | |
| CN113888673A (en) | Map editing method, system, device, computing equipment and storage medium | |
| CN109726382B (en) | Typesetting method and device | |
| CN112802157A (en) | Picture editing method and device, electronic equipment and storage medium | |
| CN110975287A (en) | Module optimization method and device based on Unity3D | |
| JP2007026088A (en) | Model creation apparatus |
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 |