Line animation drawing method and device, storage medium and electronic device

A line and animation technology, applied in the computer field, can solve the problems of uncontrollable CSS animation process, uncontrollable animation state, long loading time, etc.

Active Publication Date: 2019-12-13
TENCENT TECH (SHENZHEN) CO LTD
View PDF6 Cites 1 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] Some traditional web page animation generation methods use DOM nodes plus cascading style sheet (Cascading StyleSheets, CSS) animation. Since a large number of DOM nodes and DOM node operations are involved, It will cause page redrawing and rearrangement, a

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
  • Line animation drawing method and device, storage medium and electronic device
  • Line animation drawing method and device, storage medium and electronic device
  • Line animation drawing method and device, storage medium and electronic device

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0168] The following will clearly and completely describe the technical solutions in the embodiments of the present invention with reference to the accompanying drawings in the embodiments of the present invention. Obviously, the described embodiments are only some, not all, embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by persons of ordinary skill in the art without making creative efforts belong to the protection scope of the present invention.

[0169] The following will be combined with figure 1 - attached Figure 13 , the line animation drawing method provided by the embodiment of the present invention is introduced in detail.

[0170] See figure 1 , which provides a schematic flowchart of a line animation drawing method according to an embodiment of the present invention. Such as figure 1 As shown, the method in the embodiment of the present invention may include the following steps S101-S103. ...

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 discloses a line animation drawing method and device, a storage medium and an electronic device. The method comprises the following steps of obtaining drawing parameters input into canvas of a current browsed page, wherein the drawing parameters comprise line starting point coordinates, line terminal point coordinates and drawing duration; dividing the drawing duration into a plurality of moments based on a set time interval; and drawing a moving point at the starting point coordinate, and drawing a line animation of the moving point moving from the line starting point coordinate to the line terminal point coordinate frame by frame based on the line starting point coordinate, the line terminal point coordinate and the plurality of moments. By the adoption ofthe method and device, the line animation can be drawn on the canvas created in the webpage directly based on the input drawing parameters, and the controllable line animation can be generated conveniently and flexibly.

Description

technical field [0001] The invention relates to the technical field of computers, in particular to a line animation drawing method and its equipment, storage medium, and electronic equipment. Background technique [0002] With the development of computer and network technology, the content of web pages is constantly enriched, and the display effect is also continuously enhanced. In the process of web browsing, animation effects are often included, such as the network attack flying line animation for Security Situation Awareness (SSA) . [0003] Some traditional web page animation generation methods use DOM nodes plus Cascading Style Sheets (CSS) animations. Because a large number of DOM nodes and DOM node operations are involved, the page will be redrawn and rearranged, and the CSS animation process is uncontrollable. ; Some use gif images, which take up a lot of space, take a long time to load, and cannot control the animation state. Therefore, the line animation in the p...

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/80
CPCG06T13/80
Inventor 詹海亮
Owner TENCENT TECH (SHENZHEN) CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products