Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Animation processing method and device, electronic equipment and medium

An animation processing and animation technology, applied in the computer field, can solve the problems of increasing the drawing workload and not supporting event response, etc., and achieve the effect of improving the efficiency of animation processing and simplifying the process of animation processing

Active Publication Date: 2022-01-18
BEIJING PERFECT WORLD SOFTWARE TECH DEV CO LTD
View PDF10 Cites 2 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

In addition, because the canvas is based on the canvas when drawing image animations, that is, when responding to events, it can only use the canvas as the response unit to perform corresponding operations. A single target animation in the canvas does not support event response; When drawing multi-frame image animation, it needs to be drawn based on the entire canvas, which increases the workload of drawing

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Animation processing method and device, electronic equipment and medium
  • Animation processing method and device, electronic equipment and medium
  • Animation processing method and device, electronic equipment and medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0024] With the development of HTML5-related technologies, in order to meet the diverse needs of users, many function tags for users to choose will be provided. For example, the Canvas tag, which mainly enables image drawing and animation display based on HTML5. HTML5's canvas element uses JavaScript to draw images on a web page. A canvas is a rectangular area in which every pixel can be controlled. Canva has a variety of methods for drawing paths, rectangles, circles, characters, and adding images. Based on many images and texts drawn or added in the canvas, any modification operation of these images or texts cannot be realized independently. For example, if the size of one of the multiple images in the canvas needs to be modified, the entire canvas is required Overall update. Therefore, the technical solution of the present application proposes a solution that can reduce the workload of animation processing based on canvas.

[0025] The present application will now be di...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The embodiment of the invention provides an animation processing method and device, electronic equipment and a medium. The method comprises the following steps: in response to an animation processing request, inserting a stage container into a canvas; inserting a target element into the stage container; according to parameters of the target element carried in the animation processing request, calling a calling interface provided by an element animation library; and inputting parameters to the calling interface, and generating a target element with the target animation in the stage container, so that the target element realizes a preset animation effect. According to the scheme, the element animation library is established in advance, and the callable interface is provided for the outside. When animation processing is carried out, the stage container is inserted into the canvas based on the element animation library, and then the target element is inserted into the stage container. According to the scheme, animation processing of the target element is achieved through the stage container, the animation processing process based on the canvas can be simplified, the target element in the canvas is allowed to be processed separately, and the animation processing efficiency can be effectively improved.

Description

technical field [0001] The present application relates to the field of computer technology, in particular to an animation processing method, device, electronic equipment and media. Background technique [0002] As a new HTML5 tag, Canvas can realize image drawing and animation display based on HTML5. For example, displaying images, text, etc. with animation effects in HTML5 pages. [0003] However, in the prior art, canvas, as a native tag of HTML5, needs to be implemented based on basic properties and methods of canvas when drawing images and realizing animation effects. If the animation effect you want to achieve is more complicated, you need the staff to draw one by one on the canvas according to the coordinate information, path information, etc. In addition, since the canvas is based on the canvas when performing image animation drawing, that is, when performing event response, the corresponding operation can only be performed with the canvas as the response unit. A si...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06T13/00G06F16/958
CPCG06T13/00G06F16/958
Inventor 李晨冉宇张越
Owner BEIJING PERFECT WORLD SOFTWARE TECH DEV CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products