CN112445400A - Visual graph creating method, device, terminal and computer readable storage medium - Google Patents
Visual graph creating method, device, terminal and computer readable storage medium Download PDFInfo
- Publication number
- CN112445400A CN112445400A CN201910838479.9A CN201910838479A CN112445400A CN 112445400 A CN112445400 A CN 112445400A CN 201910838479 A CN201910838479 A CN 201910838479A CN 112445400 A CN112445400 A CN 112445400A
- Authority
- CN
- China
- Prior art keywords
- container
- component container
- content
- created
- date
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
Abstract
The embodiment of the invention provides a visual graph creating method, a visual graph creating device, a terminal and a computer readable storage medium, wherein the method comprises the following steps: acquiring canvas elements generated according to user editing operation, and creating a stage container according to the canvas elements; acquiring a multimedia object generated according to user editing operation, creating a texture image according to a target image when the multimedia object is the target image, and storing the texture image; creating a sprite object according to the target image and the texture image, and creating a component container according to the sprite object, wherein content objects loaded in the component container comprise the sprite object, an operation frame object created aiming at the sprite object and an operation button object, and the operation button object is positioned on the operation frame object; and loading the created component container in a stage container to generate the visual graph. The embodiment of the invention can create a novel visual graph and increase the diversity of the expression forms of the multimedia files.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method and an apparatus for creating a visual pattern, a terminal, and a computer-readable storage medium.
Background
With the rapid development of internet technology and electronic technology, intelligent terminals such as smart phones and tablet computers have become indispensable tools for people in daily life, and people can record some things with commemorative significance through the intelligent terminals, for example, record word logs including mood logs, travel logs and the like through a memorandum application preset by the terminals; and a camera configured by the terminal can be called to take a picture, and the taken picture is stored for later viewing. However, the above method can only record characters and store photos separately, and cannot meet the diverse requirements of people for the representation forms of multimedia files.
Disclosure of Invention
The embodiment of the invention provides a visual graph creating method, a visual graph creating device, a terminal and a computer readable storage medium, which can create a novel visual graph and increase the diversity of expression forms of multimedia files.
In one aspect, an embodiment of the present invention provides a visual graph creating method, where the method includes:
acquiring canvas elements generated according to user editing operation, and creating a stage container according to the canvas elements;
acquiring a multimedia object generated according to user editing operation, creating a texture image according to a target image when the multimedia object is the target image, and storing the texture image;
creating a sprite object according to the target image and the texture image, and creating a component container according to the sprite object, wherein content objects loaded in the component container comprise the sprite object, an operation frame object created for the sprite object, and an operation button object, the operation button object is positioned on the operation frame object, and the content object is an operable object in the component container;
and loading the created component container in the stage container to generate a visual graph, wherein the component container is an operable object in the stage container.
In another aspect, an embodiment of the present invention provides a visual pattern creating apparatus, where the apparatus includes:
the device comprises an acquisition unit, a display unit and a display unit, wherein the acquisition unit is used for acquiring canvas elements generated according to user editing operation;
a processing unit to create a stage container from the canvas element;
the acquiring unit is also used for acquiring a multimedia object generated according to the editing operation of the user;
the processing unit is further configured to:
when the multimedia object is a target image, creating a texture image according to the target image, and storing the texture image;
creating a sprite object according to the target image and the texture image, and creating a component container according to the sprite object, wherein content objects in the component container comprise the sprite object, an operation frame object created aiming at the sprite object and an operation button object, the operation button object is positioned on the operation frame object, and the content object is an operable object in the component container;
and loading the created component container in the stage container to generate a visual graph, wherein the component container is an operable object in the stage container.
In another aspect, an embodiment of the present invention provides a terminal, including: the processor is used for calling the executable program codes and executing the visual graph creating method.
Accordingly, an embodiment of the present invention further provides a computer-readable storage medium, in which instructions are stored, and when the computer-readable storage medium runs on a computer, the computer is caused to execute the above visual graph creating method.
According to the embodiment of the invention, the stage container is created according to the acquired canvas elements, the component container is created according to the created sprite objects, the content objects loaded in the component container comprise the sprite objects, the operation frame objects and the operation button objects created aiming at the sprite objects, and the created component container is loaded in the stage container to generate the visual graphics, so that novel visual graphics can be created, and the diversity of the expression forms of the multimedia files is increased.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
FIG. 1 is a flow chart of a visual pattern creation method according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of a visual graph creation process provided by an embodiment of the invention;
FIG. 3 is a schematic diagram of the component elements of an assembly container provided by an embodiment of the present invention;
FIG. 4 is a schematic view of an assembly container provided by an embodiment of the present invention;
FIG. 5 is a schematic diagram of another component container provided by an embodiment of the present invention;
FIG. 6 is a diagram illustrating a process of updating a visual pattern according to an embodiment of the present invention;
FIG. 7 is a flow subsequent to the update flow shown in FIG. 6;
fig. 8 is a schematic diagram of an ledger editing page according to an embodiment of the present invention;
FIG. 9 is a schematic diagram of another ledger edit page provided by an embodiment of the present invention;
FIG. 10 is a schematic diagram of a further ledger editing page provided by an embodiment of the present invention;
FIG. 11 is a schematic diagram of a further ledger editing page provided by an embodiment of the present invention;
FIG. 12 is a schematic diagram of a further ledger editing page provided by an embodiment of the present invention;
FIG. 13 is a schematic diagram of a further ledger editing page provided by an embodiment of the present invention;
FIG. 14 is a schematic structural diagram of an apparatus for creating visual graphics using application data according to an embodiment of the present invention;
fig. 15 is a schematic structural diagram of a terminal according to an embodiment of the present invention.
Detailed Description
The technical solution in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention.
The visual graph creating method provided by the embodiment of the invention is realized based on HTML5 (5 th version of standard language for describing web pages, hereinafter referred to as H5) environment. Specifically, the terminal acquires canvas elements generated according to user editing operation and creates a stage container according to the canvas elements; acquiring a multimedia object generated according to user editing operation, wherein the multimedia object is a target image or text content; generating an information object according to the multimedia object, wherein the information object can be a sprite object or a content character node, the sprite object is generated according to a target image, and the content character node is generated according to character content; creating a component container according to the generated information object, wherein the content object loaded in the component container comprises an information object, an operation frame object and an operation button object, the operation frame object and the operation button object are created aiming at the information object, the information object is positioned in an operation area formed by the operation frame object, the operation button object can be positioned on the operation frame object, and the information object, the operation frame object and the operation button object are operable objects in the component container; and loading the created component container in a stage container, and generating the visual graphics, wherein the component container is an operable object in the stage container. The visual graph generated by adopting the mode is different from the conventional characters or photos and is a novel visual graph, so that the diversity of the expression forms of the multimedia files can be increased.
Referring to fig. 1, fig. 1 is a schematic flow chart illustrating a visual pattern creating method according to an embodiment of the present invention. The visual pattern creation method described in the embodiment of the present invention includes:
s101, the terminal obtains canvas elements generated according to user editing operation and creates a stage container according to the canvas elements.
In the embodiment of the invention, a target canvas template selected by a user through selection operation of a plurality of preset canvas templates can be obtained, and canvas elements are generated according to the obtained target canvas template; or a rectangular area may be created based on the canvas node created by the user editing operation, and the rectangular area is the generated canvas element. Among them, the canvas node in the H5 environment is an HTML element in which an image can be drawn using a script. And the terminal creates a stage container and takes the acquired canvas element as the background of the stage container. The stage container is a special container in PixiJS, and PixiJS is an engine capable of realizing ultra-fast 2D rendering, can automatically detect and use webGL and canvas, and can fast render scenes and models; webGL is a 3D graphics standard that uses graphics cards to render scenes and models more smoothly.
S102, the terminal acquires a multimedia object generated according to user editing operation, wherein the multimedia object is a target image or text content. If the multimedia object is a target image, executing step S103 to step S104; if the multimedia object is a text content, step S105 is executed.
In the embodiment of the invention, the image selected by the user in the selection operation of the plurality of images stored in the terminal can be obtained, and the target image is generated after the image is edited according to the editing operation of the user on the image; or acquiring an image obtained by starting a terminal camera by a user, and editing the image according to the editing operation of the user to generate a target image; editing operations include trimming, rotating, filtering, adding borders, and the like.
The text content can be manually input by a user through a terminal keyboard, and can also be generated according to the system pasting operation of the user; in addition, the attributes of characters in the character content, such as fonts, colors, word sizes, alignment modes and the like, can be adjusted according to the editing operation of the user.
S103, when the multimedia object is a target image, the terminal creates a texture image according to the target image and stores the texture image.
Wherein, the texture image is an image that can be processed by a Graphics Processing Unit (GPU); the created texture image is cached, so that the existing texture image can be used when the sprite object is created next time, and the rendering loss is reduced.
S104, the terminal creates a sprite object according to the target image and the texture image, and creates an assembly container according to the sprite object, wherein content objects loaded in the assembly container comprise the sprite object, an operation frame object and an operation button object, the operation frame object is created aiming at the sprite object, the operation button object is positioned on the operation frame object, and the content object is an operable object in the assembly container.
In the embodiment of the invention, the puck object is a special image object in the H5 environment, and the position, the size and the interaction of the puck object can be controlled by using codes. The method comprises the steps that a terminal processes a target image and a texture image, after a sprite object is generated, an operation frame object is created aiming at the created sprite object, because the sprite object does not support a frame, the method adopts a Graphics object for drawing lines and shapes to draw the operation frame object, and the size of the operation frame object is determined according to the size of the sprite object. An action button object is created for the created puck object, which is essentially a small puck object, including zoom, stretch, rotate, delete, and the like types. Wherein, the created operation frame object can be used to connect the created operation button object. After the creation of the sprite object, the operation frame object and the operation button object is completed, a component container is created, and the sprite object, the operation frame object and the operation button object are loaded in the component container. The sprite object is included in an operation area formed by the operation frame object, and the operation button object is positioned on the operation frame object; the component container created from the sprite object includes any one of a sticker component container, a picture component container, and a date component container.
In one embodiment, when the component container created from the sprite object is a date component container, the content object loaded in the date component container further includes a date literal node. And in the process of creating the date component container according to the genius object, the terminal creates a date character node according to the acquired current date content and covers the created date character node on the genius object. The date text node is an operable text node in the context of H5.
S105, when the multimedia object is a text content, the terminal creates a content text node according to the text content and creates an assembly container according to the content text node, wherein the content object loaded in the assembly container comprises the content text node, an operation frame object created aiming at the content text node and an operation button object, the operation button object is positioned on the operation frame object, and the content object is an operable object in the assembly container.
In the embodiment of the invention, the content text node is an operable text node in an H5 environment. After the terminal creates the content character node according to the character content, an operation frame object is created aiming at the created content character node, because the content character node has no operation frame, an operation frame object needs to be created for operation, and the size of the operation frame object is determined according to the size of the content character node. And creating an operation button object aiming at the created content character node, wherein the operation button object is a small-sized sprite object in nature and comprises the types of zooming, stretching, rotating, deleting and the like. Wherein, the created operation frame object can be used to connect the created operation button object. After the content character nodes, the operation frame objects and the operation button objects are created, creating a component container, and loading the content character nodes, the operation frame objects and the operation button objects in the component container. The content character nodes are included in an operation area formed by operation frame objects, and the operation button objects are positioned on the operation frame objects; the component container created from the content text node includes any one of a text component container and a date component container.
In an embodiment, the content object loaded in the text component container further includes an occupied text node, and the terminal creates an occupied text node according to the content text node in the process of creating the component container according to the content text node, and covers the created occupied text node on the content text node, and is specially responsible for operation to complete synchronization of operations of the operation frame object and the content text node object.
And S106, the terminal loads the created component container into the stage container to generate a visual graph, wherein the component container is an operable object in the stage container.
In the embodiment of the invention, a terminal loads a component container loaded with content objects such as an information object, an operation frame object, an operation button object and the like into a created stage container to generate a visual image; the information object may be a sprite object or a content text node. In the stage container, the component container may perform operations such as moving, zooming, stretching, rotating, changing the internal information of the component container (e.g., replacing pictures, changing text contents), and the like. The generated visual image can be a hand account log which is a log form which is transferred to an intelligent terminal and contains a large number of decorative pictures and characters and imitates a physical notepad.
In an embodiment, if the created component container is a sticker component container, a picture component container or a date component container created based on a sprite object, after the created component container is loaded in a stage container, when a terminal detects an operation for a target type of the component container, position change information of the component container is acquired, target position change information of each content object in the component container is determined according to the position change information of the component container, and a state of each content object is adjusted according to the target position change information. Wherein the operation of the target type is an operation requiring a change in the position of the component container, such as rotation, zooming, etc.; the position variation of each content object is the same as the position variation of the component container, for example, the center point of the component container is moved up by 5 pixel points, and then the center point of the sprite object in the component container is also moved up by 5 pixel points. By adopting the component container structure provided by the embodiment of the invention, the content objects in the component container can be positioned based on the position of the component container, and when operations such as rotation, scaling and the like are required, only the operation of the component container is carried out, and the content objects in the component container can change along with the change of the component container, so that the calculation can be effectively reduced.
In another embodiment, if the created component container is a date component container created based on the sprite object, after the created date component container is loaded in the stage container, when the terminal detects a click operation on the date component container, the terminal outputs a date selection page, acquires date content selected by the selection operation of the date selection page by the user, and adjusts the date content in the date text node in the date component container according to the acquired date content.
In an embodiment, after loading a created component container in a stage container, if a terminal detects a selection operation on the component container in the stage container, acquiring a target component container selected by the selection operation, and detecting whether a layer where the target component container is located is a top layer in the stage container; if not, firstly adjusting the layer where the target component container is located to be a top layer in the stage container, and then adjusting the state of the target component container according to the user editing operation; otherwise, the state of the target component container is directly adjusted according to the user editing operation.
According to the embodiment of the invention, the stage container is created according to the obtained canvas element, the component container is created according to the created information object, the information object can be a sprite object or a content character node, the content object loaded in the component container comprises the information object, an operation frame object and an operation button object, the operation frame object and the operation button object are created aiming at the information object, and the created component container is loaded in the stage container to generate the visual graph, so that a novel visual graph can be created, and the diversity of the expression forms of the multimedia file is increased.
Referring to fig. 2, fig. 2 is a flow of creating a visual pattern according to an embodiment of the present invention. The visual graph creation flow described in the embodiments of the present invention is as follows:
firstly, a stage container is created. The created stage container is used for loading the subsequently created component container, and the stage container is understood as a parent container, and the component container is a child container in the stage container; the stage container is a special container in the rendering engine Pixi, and automatically creates a rectangular canvas node and calculates how the node should be exposed.
And secondly, acquiring parameters of the initialized component container. For different types of components, the components are packaged into a component container, the component container exposes partial interfaces to the outside, the inside is converged and operated, and related logic is rendered; the parameters for initializing the component container include the starting coordinates of the component container, the dimensions of the component container (including width and height), the picture layer picture link, the scaling ratio, the rotation angle, and the like. The above parameters are used to determine the display state of the component container in the stage container.
Thirdly, initializing the component container
The processing steps of the types of the sticker component, the picture component and the date component are as follows:
1. a puck object is created. The sprite object is a special image object, and the position, the size and the interaction of the sprite object can be controlled by using codes; when a sprite object is created, an image, i.e., a texture, which can be processed by the GPU is created, and then a corresponding sprite object is created according to the generated texture.
2. An operation frame is created. The sprite object does not support the frame, the graph object can be adopted to draw the operation frame for forming the operation area and performing operation, and the drawn operation frame can be used for connecting the operation buttons which are created subsequently.
3. An operation button is created. The operation buttons are small-sized genius in nature, the operation buttons can be processed into classes with special functions, the corresponding operation behavior types of the operation buttons can be different according to different component types, and for the sticker/picture/date component, the operation actions can comprise zooming, rotating, deleting and the like.
4. A component container is created. After the above-mentioned sprite object, operation frame, operation button and other objects are created, a component container is created separately to bear the above-mentioned objects, and only the component container is exposed to the outside, and the logic in the component container is transparent to the user. As shown in fig. 3, which illustrates the constituent elements of the sticker/picture/date component container, it can be seen that the content object loaded by the sticker/picture/date component container created based on the sprite object includes: a sprite object, an operation border, operation buttons (including a delete button, a rotate button, a zoom button, etc.), and an edit button. In one embodiment, as shown in fig. 4, the positional relationship between the content objects in the container of the sticker/picture/date assembly is shown, the sprite object is located in the operation area formed by the operation frame, the operation buttons are located on the operation frame, and the edit button objects are located at the side of the operation frame.
It should be noted that, for the date component type, a date text node is also created, and the content in the date text node is date content, and may include one or more of a solar calendar date, a lunar calendar date, a week, and a festival date. Wherein, the content object loaded in the date component container also comprises the date character node, and the date character node can be covered on the sprite object.
The text component is implemented independently of the sticker/picture/date component. The text component type processing steps are as follows:
1. a content literal node is created. Initialize a Pixi literal node and set the width, height and position. The text content in the content text node may be generated according to a user editing operation.
2. An operation frame is created. The content text nodes do not have frames, the graph objects can be used for drawing operation frames for forming operation areas and performing operation, and the drawn operation frames can also be used for connecting operation buttons created subsequently.
3. An operation button is created. The operation buttons are small-sized genius essentially, the operation buttons can be processed into classes with special functions, the corresponding operation behavior types of the operation buttons can be different according to different component types, and for character components, the operation actions can comprise stretching, rotating, deleting and the like.
4. A component container is created. After the content character nodes, the operation frames, the operation buttons and other objects are created, a component container is separately created to bear the objects, only the component container is exposed to the outside, and the logic inside the component container is transparent to a user. As shown in fig. 5, the constituent elements of the text component container are shown, and it can be seen that the content object loaded by the text component container includes: content text nodes, operation frames, operation buttons (including a delete button, a rotate button, a stretch button, and the like), and an edit button. In one embodiment, the positional relationship between the content objects in the text component container may be: the content character nodes are positioned in an operation area formed by the operation frame, the operation buttons are positioned on the operation frame, and the editing buttons are positioned on the side surface of the operation frame and can be an upper side surface, a lower side surface, a left side surface or a right side surface.
In addition, for the text component type, a placeholder text node needs to be created. The width, height and scaling ratio of the content character nodes are fixed along with the number of characters and the size of the characters, and if the width, height and scaling ratio of the content character nodes are changed, the characters are stretched; in order to realize the operation synchronization of the operation frame and the characters, an occupied character node can be created, and the created occupied character node is covered on the content character node and is specially responsible for the operation. Therefore, the content object loaded in the text component container also includes the placeholder text node, and the placeholder text node is overlaid on the content text node.
In an embodiment, after the text content generated according to the editing operation of the user is acquired, the font of the characters in the text content can be adjusted to the personalized font according to the editing operation of the user. And after the font packet is loaded, loading the font packet into a visual graph creating page through html fontface, and reading a corresponding font type to render the characters in the character content when the characters are initially rendered.
It should be noted that the stretching operation is a special operation type of the text component, and compared with the sprite, the text transformation cannot simply change the scaling of the component container itself, and a separate position calculation is required for each content text node.
Referring to fig. 6, fig. 6 is a flow chart illustrating a visual graphics update process according to an embodiment of the present invention. The visual graphics updating process described in the embodiments of the present invention is as follows: when the component container object is operated, firstly judging whether the component container object is in a selected state; if not, ending the process; if the selected component container object is in the selected state, further judging whether the selected component container object is in a top layer; if the component container object is located in the top layer, object updating information generated based on the updating operation of the user on the selected component container object is obtained, wherein the object updating information comprises one or more of position change information, scaling size, selection angle, stretching length and updated internal information of the component container; and updating the selected component container object according to the object updating information, wherein the updating comprises view updating, data updating and the like. The update operation herein includes one or more of rotating the component container object, changing the component container object zoom size, changing the component container object position, stretching the component container object, changing the internal information of the component container object (including replacing pictures, changing text content, etc.). After obtaining the object update information and updating the component container object, the following steps are further included as shown in fig. 7: acquiring position change information, zooming size and rotation angle, updating the interval, length and thickness of the dotted line frame of the zoomed operation frame, updating the zooming multiple of the zoomed operation button, and recording the updating operation.
In the embodiment of the present invention, for the operation recording process, the terminal may maintain two operation lists: the list of operations and the list of redo operations are retired and a last operation time is maintained. Recording the identification and the state of the operated component container object into a revocation operation list while operating the component container object each time, and updating the recorded latest operation time; when the click on the operation withdrawing button is detected, the operation withdrawing is recorded into a redo operation list; and if the current time is detected to exceed the recorded latest operation time by a preset time length (for example, 3s), the states of all the component container objects in the stage container are saved, and the latest operation time is reset to be 0.
The creation, updating and recording of visual graphics has been described in detail above, and the application of the present application is described below. The functions of creating, updating, and recording visual graphics described herein may be integrated into an H5 editor, and the H5 editor may be nested within a Web application, which may be a social application. The generated visual image is taken as an example of a manual account log and is explained below. The method comprises the steps of sequentially entering a Web application, a personal homepage and a log list page according to the editing operation of a user, entering a hand account template selection page when the clicking operation of a hand account writing function label in the log list page is detected, obtaining a hand account template selected by the selection operation of the hand account template selection page, entering the hand account log editing page, and displaying the hand account template selected by the selection operation on the hand account log editing page. The manual account log editing page is shown in fig. 8, the top of the page includes a redo button, a withdraw button and a layer editing button, the middle area of the page is an editing area, and the bottom of the page includes 4 kinds of labels (Tab) including background, picture, sticker and text.
The background selection page can be called from the bottom Tab according to the user editing operation, a target background image selected by the user through the selection operation of the background selection page is obtained, and the current background image of the hand account log editing page is replaced by the target background image. The editing area of the hand account log editing page can be understood as a part of the stage container shown to the user, and the background image can be understood as a form of the canvas element of the stage container shown to the user. As shown in fig. 9, the sticker keyboard may be invoked from the bottom Tab according to a user editing operation, and the sticker component selected by the user selection operation is displayed in an editing area in the log editing page, and the sticker component in the editing area may be understood as a form in which a container of sticker components is presented to the user. In addition, the position of the paster component can be moved according to the long pressing and moving operation of the user on the paster component, the size of the paster component can be modified according to the editing operation of the user on the right lower zooming operation button of the paster component, and the operation of zooming and rotating can be supported. In the zooming process, the paster component stretches and zooms according to the original proportion. The sticker keypad may also be re-invoked upon a double-click of an edit button by the user. Besides button operation, the terminal can also zoom and rotate the sticker component according to the double-finger operation of the user.
The system camera can be called from the bottom Tab to take a picture or pictures can be selected from a mobile phone and a cloud album according to the editing operation of the user. After the picture is selected, the picture enters a decoration picture frame selection page shown in the left picture of fig. 10, the top decoration picture frame of the picture can be changed according to the editing operation of the user, and the picture is subjected to zooming, rotating, cutting and the like. After a confirmation instruction input by a user is detected, the edited (e.g. cut) picture and the selected frame are combined and displayed in an editing area in a log editing page, and the picture component in the editing area can be understood as a form shown to the user by the picture component container. In addition, the position of the picture assembly can be moved according to the long pressing and moving operation of the user on the picture assembly, the size of the picture assembly can be modified according to the editing operation of the user on the right lower zooming operation button of the picture assembly, and the operation of rotating while zooming can be supported. In the zooming process, the picture components are stretched and zoomed according to the original proportion. The picture can be edited again by returning to the decoration picture frame selection page again according to the double-click operation of the user on the editing button. Besides button operation, the terminal can also zoom and rotate the picture assembly according to the double-finger operation of the user.
As shown in fig. 11, like the sticker component, the sticker keyboard may be invoked from the bottom Tab according to a user editing operation, the date sticker component selected by the user selection operation may be displayed in an edit area in the log edit page, and the date content in the date sticker component may be adjusted based on the current system date, and the date sticker component in the edit area may be understood as a form in which the date component container is presented to the user. In addition, the position of the date sticker component can be moved according to the long pressing and moving operation of the user on the date sticker component, the size of the date sticker component can be modified according to the editing operation of the user on the right lower zooming operation button of the date sticker component, and the operation of zooming and rotating can be supported. In the zooming process, the date-pasting component performs stretching zooming according to the original proportion. Besides button operation, the sticker component can be zoomed and rotated according to double-finger operation of a user. The date selection page can be invoked according to double-click operation of the user on the editing button, the target date selected by the user on the date selection page is obtained, the date content in the date sticker component is adjusted to the target date after the confirmation instruction input by the user is detected, and personalized attributes of zooming, rotating, special fonts and the like of the original date sticker component are reserved.
As shown in fig. 12, the text editing page may be called up from the bottom Tab according to the user editing operation, and the user may perform operations such as inputting text, changing the font color, changing the font style, and increasing or decreasing the font size on the text editing page. After a confirmation instruction input by a user is detected, the text component generated according to the editing operation of the user is displayed in an editing area in the log editing page, and the text component in the editing area can be understood to be in a form that the text component container is displayed to the user. In addition, the position of the character component can be moved according to long pressing and moving operation of a user on the character component, the character component can be rotated according to editing operation of the user on a right lower rotating operation button of the character component, the character component can be horizontally stretched according to editing operation of the user on a right upper stretching operation button of the character component, and during stretching, characters can be adaptively retracted according to the width of an editing frame. And returning the text editing page again to edit the text again according to the double-click operation of the user on the editing button, wherein the double-click operation comprises re-inputting text content, adjusting character color, character size, character style and the like, displaying the edited text in the text component after a confirmation instruction input by the user is detected, and keeping the stretching and rotating attributes of the original text component.
In addition, all components in the editing area of the manual account log editing page support layer editing, as shown in fig. 13, when a blocked component layer needs to be modified according to a user editing operation or a multi-layer decoration is automatically combined, a target component selected by a user selection operation can be acquired, and when a click operation on a layer editing button is detected, layer adjustment is performed on the target component according to a layer adjustment function corresponding to the layer editing button clicked by the user, wherein the layer adjustment includes moving one layer upwards, moving one layer downwards, placing the layer at the forefront layer (top layer), and placing the layer at the last layer. In the process of moving the layer of the target component, the original position, size, rotation and other attributes of the component cannot be modified.
With the gradual increase of the requirement of a user on log personalized editing, the method and the device for editing the account book are based on a Web application account book function and an H5 front-end technology, realize the function of editing the account book by utilizing webGL and canvas technologies, can help the user to more freely operate the content of the account book, customize the performance of the account book and enrich the account book page of the user; the method fills the blank that no H5 edition manual account editor exists at present, and is a zero breakthrough from the technical point of view, and the editor part is on the code level and independently forms an independent component, so that a user can conveniently and quickly access and use the editor. Because the webGL renders the page through the GPU, the web page rendering method has the capability of H5 of being free of version following and flexible in updating, and meanwhile, the web page rendering method is more convenient to integrate into other service scenes or Apps, and the capability of truly realizing a universal component is achieved. Because the method is realized based on the H5 environment, the method can be quickly grounded to other service scenes from the aspect of product side application, avoids coupling with the existing service, can carry out quick response and adjustment, and reduces the development labor and cost.
Because the H5 has huge consumption on the terminal performance when realizing fine operation, the application also optimizes the account scene as follows: for the texture creating process which needs GPU rendering and has higher performance requirement, the rendering loss is reduced in a caching mode. For the positioning problem requiring a large amount of calculation, the user only operates the container by itself when rotating, zooming and other operations are performed by the container itself positioning mode, and the content object in the container changes along with the change of the container, so that the calculation is reduced.
The method comprises the following steps that a developer can create a visual graph template by adopting the visual graph creating method of the application and release the created visual graph template to corresponding Web application for a user to use; the user can create the visual graph required by the user by adopting the visual graph creating method and store or publish the visual graph to the social platform.
Referring to fig. 14, fig. 14 is a schematic structural diagram of a visual pattern creating apparatus according to an embodiment of the present invention. The visual pattern creation apparatus described in the embodiment of the present invention corresponds to the terminal described above, and includes:
an acquisition unit 1401 configured to acquire a canvas element generated according to a user editing operation;
a processing unit 1402 for creating a stage container from the canvas element;
the acquiring unit 1401 is further configured to acquire a multimedia object generated according to a user editing operation;
the processing unit 1402 is further configured to:
when the multimedia object is a target image, creating a texture image according to the target image, and storing the texture image;
creating a sprite object according to the target image and the texture image, and creating a component container according to the sprite object, wherein content objects in the component container comprise the sprite object, an operation frame object created for the sprite object, and an operation button object, the operation button object is located on the operation frame object, and the content object is an operable object in the component container;
and loading the created component container in the stage container to generate a visual graph, wherein the component container is an operable object in the stage container.
In an embodiment, the component container created from the puck object includes any one of a sticker component container, a picture component container, and a date component container.
In an embodiment, the processing unit 1402 loads the created component container in the stage container, and after generating the visual graphics, further:
determining target position change information of each content object according to the position change information of the component container when an operation for a target type of the component container is detected;
and adjusting the state of each content object according to the target position change information.
In an embodiment, the component container created according to the sprite object is a date component container, the content object loaded in the date component container further includes a date character node, and the processing unit 1402 is further configured to create the date character node according to the obtained current date content and overlay the date character node on the sprite object in the process of creating the date component container according to the sprite object;
the apparatus further includes a display unit 1403 for outputting a date selection page when the processing unit 1402 detects a click operation for the date component container;
the processing unit 1402 is further configured to acquire date content selected by the user through selection operation on the date selection page, and adjust the date content in the date character node according to the acquired date content.
In an embodiment, the processing unit 1402 is further configured to:
when the multimedia object is a text content, creating a content text node according to the text content;
creating an assembly container according to the content character nodes, wherein content objects loaded in the assembly container comprise the content character nodes, operation frame objects created aiming at the content character nodes and operation button objects, the operation button objects are positioned on the operation frame objects, and the content objects are operable objects in the assembly container;
wherein the component container created according to the content literal node comprises a literal component container.
In an embodiment, the content object loaded in the component container further includes a placeholder text node, and the processing unit 1402 is further configured to:
in the process of creating the component container according to the content character nodes, creating place-occupying character nodes according to the content character nodes; and covering the position-occupying character node on the content character node.
In an embodiment, the obtaining unit 1401 is further configured to obtain a target component container selected by a user selection operation;
the processing unit 1402 is further configured to:
detecting whether the layer where the target component container is located is a top layer in the stage container, if not, adjusting the layer where the target component container is located to be the top layer in the stage container;
and when the layer where the target component container is located is a top layer in the stage container, adjusting the state of the target component container according to user editing operation.
It can be understood that the functions of the functional units of the visual pattern creating apparatus according to the embodiment of the present invention can be specifically implemented according to the method in the foregoing method embodiment, and the specific implementation process thereof may refer to the related description of the foregoing method embodiment, which is not described herein again.
According to the embodiment of the invention, the stage container is created according to the acquired canvas elements, the component container is created according to the created sprite objects, the content objects loaded in the component container comprise the sprite objects, the operation frame objects and the operation button objects created aiming at the sprite objects, and the created component container is loaded in the stage container to generate the visual graphics, so that novel visual graphics can be created, and the diversity of the expression forms of the multimedia files is increased.
Referring to fig. 15, fig. 15 is a schematic structural diagram of a terminal according to an embodiment of the present invention. The terminal described in the embodiments of the present invention includes: a processor 1501, a user interface 1502, a communication interface 1503, and memory 1504. The processor 1501, the user interface 1502, the communication interface 1503, and the memory 1504 may be connected by a bus or other means, and the embodiment of the present invention is exemplified by being connected by a bus.
The processor 1501 (or CPU) is a computing core and a control core of the terminal, and can analyze various instructions in the terminal and process various data of the terminal, for example: the CPU can be used for analyzing a power-on and power-off instruction sent to the terminal by a user and controlling the terminal to carry out power-on and power-off operation; the following steps are repeated: the CPU may transmit various types of interactive data between the internal structures of the terminal, and so on. The user interface 1502 is a medium for implementing interaction and information exchange between a user and a terminal, and may be embodied by a Display screen (Display) for output, a Keyboard (Keyboard) for input, and the like, where the Keyboard may be an entity Keyboard, a touch screen virtual Keyboard, or a Keyboard combining an entity and a touch screen virtually. The communication interface 1503 may optionally include standard wired interfaces, wireless interfaces (e.g., Wi-Fi, mobile communication interfaces, etc.), controlled by the processor 1501 for transceiving data. A Memory 1504(Memory) is a Memory device in the terminal for storing programs and data. It is to be understood that the memory 1504 can include both the internal memory of the terminal and, of course, the expansion memory supported by the terminal. The memory 1504 provides storage space that stores the operating system of the terminal, which may include, but is not limited to: android system, iOS system, Windows Phone system, etc., which are not limited in this respect.
In an embodiment of the present invention, the processor 1501 executes the executable program code in the memory 1504 to perform the following operations:
acquiring canvas elements generated according to user editing operation, and creating a stage container according to the canvas elements; acquiring a multimedia object generated according to user editing operation, creating a texture image according to a target image when the multimedia object is the target image, and storing the texture image; creating a sprite object according to the target image and the texture image, and creating a component container according to the sprite object, wherein content objects loaded in the component container comprise the sprite object, an operation frame object created for the sprite object, and an operation button object, the operation button object is positioned on the operation frame object, and the content object is an operable object in the component container; and loading the created component container in the stage container to generate a visual graph, wherein the component container is an operable object in the stage container.
In an embodiment, the component container created from the puck object includes any one of a sticker component container, a picture component container, and a date component container.
In an embodiment, the processor 1501 loads the created component container in the stage container, and after generating the visual graphics, further: determining target position change information of each content object according to the position change information of the component container when an operation for a target type of the component container is detected; and adjusting the state of each content object according to the target position change information.
In an embodiment, the component container created from the sprite object is a date component container, the content object loaded in the date component container further includes a date literal node, and the processor 1501 is further configured to: in the process of creating a date component container according to the genius object, creating a date character node according to the obtained current date content, and covering the date character node on the genius object; the processor 1501 loads the created component container in the stage container, and after generating the visual graphics, further: when the click operation on the date component container is detected, a date selection page is output through the user interface 1502, date content selected by the user through the selection operation on the date selection page is acquired, and the date content in the date character node is adjusted according to the acquired date content.
In an embodiment, the processor 1501 is further configured to: when the multimedia object is a text content, creating a content text node according to the text content; creating an assembly container according to the content character nodes, wherein content objects loaded in the assembly container comprise the content character nodes, operation frame objects created aiming at the content character nodes and operation button objects, the operation button objects are positioned on the operation frame objects, and the content objects are operable objects in the assembly container; wherein the component container created according to the content literal node comprises a literal component container.
In an embodiment, the content object loaded in the component container further includes a placeholder text node, and the processor 1501 is further configured to: in the process of creating the component container according to the content character nodes, creating place-occupying character nodes according to the content character nodes; and covering the position-occupying character node on the content character node.
In an embodiment, the processor 1501 loads the created component container in the stage container, and after generating the visual graphics, further: acquiring a target component container selected by user selection operation; detecting whether the layer where the target component container is located is a top layer in the stage container, if not, adjusting the layer where the target component container is located to be the top layer in the stage container; and when the layer where the target component container is located is a top layer in the stage container, adjusting the state of the target component container according to user editing operation.
In a specific implementation, the processor 1501, the user interface 1502, the communication interface 1503, and the memory 1504 described in the embodiment of the present invention may execute the implementation of the terminal described in the method for creating a visual pattern provided in the embodiment of the present invention, or may execute the implementation described in the apparatus for creating a visual pattern provided in the embodiment of the present invention, which is not described herein again.
According to the embodiment of the invention, the stage container is created according to the acquired canvas elements, the component container is created according to the created sprite objects, the content objects loaded in the component container comprise the sprite objects, the operation frame objects and the operation button objects created aiming at the sprite objects, and the created component container is loaded in the stage container to generate the visual graphics, so that novel visual graphics can be created, and the diversity of the expression forms of the multimedia files is increased.
The embodiment of the present invention further provides a storage medium, in which instructions are stored, and when the storage medium runs on a computer, the storage medium causes the computer to execute the visual graph creating method according to the embodiment of the present invention.
Embodiments of the present invention also provide a computer program product containing instructions, which when run on a computer, cause the computer to perform a visual graph creation method according to embodiments of the present invention.
It should be noted that, for simplicity of description, the above-mentioned embodiments of the method are described as a series of acts or combinations, but those skilled in the art will recognize that the present invention is not limited by the order of acts, as some steps may occur in other orders or concurrently in accordance with the invention. 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 by the invention.
The steps in the method of the embodiment of the invention can be sequentially adjusted, combined and deleted according to actual needs.
The units in the device of the embodiment of the invention can be merged, divided and deleted according to actual needs.
Those skilled in the art will appreciate that all or part of the steps in the methods of the above embodiments may be implemented by hardware associated with program instructions, and the program may be stored in a computer readable storage medium, which may include: flash disks, Read-Only memories (ROMs), Random Access Memories (RAMs), magnetic or optical disks, and the like.
The above disclosure is intended to be illustrative of only some embodiments of the invention, and is not intended to limit the scope of the invention.
Claims (10)
1. A visual graphic creation method, the method comprising:
acquiring canvas elements generated according to user editing operation, and creating a stage container according to the canvas elements;
acquiring a multimedia object generated according to user editing operation, creating a texture image according to a target image when the multimedia object is the target image, and storing the texture image;
creating a sprite object according to the target image and the texture image, and creating a component container according to the sprite object, wherein content objects loaded in the component container comprise the sprite object, an operation frame object created for the sprite object, and an operation button object, the operation button object is positioned on the operation frame object, and the content object is an operable object in the component container;
and loading the created component container in the stage container to generate a visual graph, wherein the component container is an operable object in the stage container.
2. The method of claim 1, wherein the component container created from the puck object comprises any one of a sticker component container, a picture component container, and a date component container.
3. The method of claim 1 or 2, wherein after loading the created component container in the stage container and generating the visual graphic, the method further comprises:
determining target position change information of each content object according to the position change information of the component container when an operation for a target type of the component container is detected;
and adjusting the state of each content object according to the target position change information.
4. The method of claim 2, wherein the component container created from the puck object is a date component container, the content objects loaded in the date component container further comprising date literal nodes, the method further comprising:
in the process of creating a date component container according to the genius object, creating a date character node according to the obtained current date content, and covering the date character node on the genius object;
after the created component container is loaded in the stage container and a visual graphic is generated, the method further comprises:
and when the click operation aiming at the date component container is detected, outputting a date selection page, acquiring date content selected by the selection operation of the user on the date selection page, and adjusting the date content in the date character node according to the acquired date content.
5. The method of claim 1, wherein the method further comprises:
when the multimedia object is a text content, creating a content text node according to the text content;
creating an assembly container according to the content character nodes, wherein content objects loaded in the assembly container comprise the content character nodes, operation frame objects created aiming at the content character nodes and operation button objects, the operation button objects are positioned on the operation frame objects, and the content objects are operable objects in the assembly container;
wherein the component container created according to the content literal node comprises a literal component container.
6. The method of claim 5, wherein the content objects loaded in the component container further comprise placeholder nodes, the method further comprising:
in the process of creating the component container according to the content character nodes, creating place-occupying character nodes according to the content character nodes;
and covering the position-occupying character node on the content character node.
7. The method of claim 1, wherein the loading of the created component container in the stage container, after generating the visual graphic, the method further comprises:
acquiring a target component container selected by user selection operation;
detecting whether the layer where the target component container is located is a top layer in the stage container, if not, adjusting the layer where the target component container is located to be the top layer in the stage container;
and when the layer where the target component container is located is a top layer in the stage container, adjusting the state of the target component container according to user editing operation.
8. An apparatus for visual pattern creation, the apparatus comprising:
the device comprises an acquisition unit, a display unit and a display unit, wherein the acquisition unit is used for acquiring canvas elements generated according to user editing operation;
a processing unit to create a stage container from the canvas element;
the acquiring unit is also used for acquiring a multimedia object generated according to the editing operation of the user;
the processing unit is further configured to:
when the multimedia object is a target image, creating a texture image according to the target image, and storing the texture image;
creating a sprite object according to the target image and the texture image, and creating a component container according to the sprite object, wherein content objects in the component container comprise the sprite object, an operation frame object created for the sprite object, and an operation button object, the operation button object is located on the operation frame object, and the content object is an operable object in the component container;
and loading the created component container in the stage container to generate a visual graph, wherein the component container is an operable object in the stage container.
9. A terminal, comprising: a processor and a memory, the memory storing executable program code, the processor for invoking the executable program code to perform the visual graph creation method of any of claims 1-7.
10. A computer-readable storage medium having stored therein instructions which, when run on a computer, cause the computer to perform the visual figure creation method of any one of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910838479.9A CN112445400A (en) | 2019-09-05 | 2019-09-05 | Visual graph creating method, device, terminal and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910838479.9A CN112445400A (en) | 2019-09-05 | 2019-09-05 | Visual graph creating method, device, terminal and computer readable storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112445400A true CN112445400A (en) | 2021-03-05 |
Family
ID=74733181
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910838479.9A Pending CN112445400A (en) | 2019-09-05 | 2019-09-05 | Visual graph creating method, device, terminal and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112445400A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113064587A (en) * | 2021-03-16 | 2021-07-02 | 北京达佳互联信息技术有限公司 | Component control method and device, electronic equipment and storage medium |
| CN113721801A (en) * | 2021-07-28 | 2021-11-30 | 北京达佳互联信息技术有限公司 | Material preview method, device, equipment and storage medium |
| CN113947650A (en) * | 2021-09-30 | 2022-01-18 | 完美世界(北京)软件科技发展有限公司 | Animation processing method, animation processing device, electronic equipment and medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102065024A (en) * | 2010-12-14 | 2011-05-18 | 东莞宇龙通信科技有限公司 | Method, system and communication terminal for loading electronic mail letter paper |
| CN108932097A (en) * | 2018-08-15 | 2018-12-04 | 掌阅科技股份有限公司 | Take down notes generation method, electronic equipment and computer storage medium |
-
2019
- 2019-09-05 CN CN201910838479.9A patent/CN112445400A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102065024A (en) * | 2010-12-14 | 2011-05-18 | 东莞宇龙通信科技有限公司 | Method, system and communication terminal for loading electronic mail letter paper |
| CN108932097A (en) * | 2018-08-15 | 2018-12-04 | 掌阅科技股份有限公司 | Take down notes generation method, electronic equipment and computer storage medium |
Non-Patent Citations (3)
| Title |
|---|
| CHAO2458: "js pixi框架 极其详细到位(入门)-----转载", pages 1 - 88, Retrieved from the Internet <URL:https://blog.csdn.net/chao2458/article/details/82460586/> * |
| 郑璐: ""多彩手账在哪里下载安装？多彩手账好用吗？", pages 1 - 11, Retrieved from the Internet <URL:https://www.wandoujia.com/apps/6561883/8373978804095254830.html> * |
| 郑璐: "多彩手账在哪里下载安装？多彩手账好用吗？", pages 1 - 11, Retrieved from the Internet <URL:https://www.wandoujia.com/apps/6561883/8373978804095254830.html> * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113064587A (en) * | 2021-03-16 | 2021-07-02 | 北京达佳互联信息技术有限公司 | Component control method and device, electronic equipment and storage medium |
| CN113064587B (en) * | 2021-03-16 | 2024-03-26 | 北京达佳互联信息技术有限公司 | Component control method and device, electronic equipment and storage medium |
| CN113721801A (en) * | 2021-07-28 | 2021-11-30 | 北京达佳互联信息技术有限公司 | Material preview method, device, equipment and storage medium |
| CN113947650A (en) * | 2021-09-30 | 2022-01-18 | 完美世界(北京)软件科技发展有限公司 | Animation processing method, animation processing device, electronic equipment and medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10061491B2 (en) | System and method for producing edited images using embedded plug-in | |
| US9507506B2 (en) | Automatic target box in methods and systems for editing content-rich layouts in media-based projects | |
| US20090122329A1 (en) | Customizing print content | |
| US11320975B2 (en) | Automatically generating and applying graphical user interface resize-constraints based on design semantics | |
| US20150277686A1 (en) | Systems and Methods for the Real-Time Modification of Videos and Images Within a Social Network Format | |
| CN103092612B (en) | Realize method and the electronic installation of Android operation system 3D desktop pinup picture | |
| CN112445400A (en) | Visual graph creating method, device, terminal and computer readable storage medium | |
| KR20170026274A (en) | Apparatus and method for editing contents | |
| US20150248722A1 (en) | Web based interactive multimedia system | |
| CN110286971B (en) | Processing method and system, medium and computing device | |
| US20140351679A1 (en) | System and method for creating and/or browsing digital comics | |
| WO2017012488A1 (en) | Scrolling view display method and apparatus | |
| CN102385453B (en) | Signal conditioning package and control method thereof | |
| JP2011086050A (en) | Information processing terminal and computer program | |
| CN111367514A (en) | Page card development method and device, computing device and storage medium | |
| KR102159326B1 (en) | System and Device for learning creator's style | |
| CN110569460B (en) | Push information display method, push information display device and storage medium | |
| CN112162805B (en) | Screenshot method and device and electronic equipment | |
| CN112153475B (en) | Method, apparatus, device and medium for generating text mode video | |
| CN111460770B (en) | Method, device, equipment and storage medium for synchronizing element attributes in document | |
| KR20210078466A (en) | Method for studying drawing with device | |
| CN114741139A (en) | sketch graphic file processing method and device, electronic equipment and storage medium | |
| CN112667942A (en) | Animation generation method, device and medium | |
| CN103106079B (en) | Digital content reader and display packing thereof | |
| Choi et al. | Development of a HTML5 Photo Album Smart Application |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40041110 Country of ref document: HK |
|
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |