Webpage graph display method and device

A technology for displaying graphics and displaying positions, which is applied in the computer field, and can solve problems such as increasing the operating pressure of web page redrawing and reflowing, and increasing the storage pressure of storage devices, so as to achieve the effect of reducing storage pressure and avoiding operating pressure

Pending Publication Date: 2021-05-04
BEIJING GRIDSUM TECH CO LTD
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] In some cases, a large number of graphics need to be displayed on the webpage. At this time, these graphics need to be downloaded and rendered before being presented on the webpage, which increases the operating pressure of webpage redrawing and reflow
In addition, due to the need to store pictures corresponding to these graphics in the storage device, a large number of pictures are stored in the storage device, thereby increasing the storage pressure of the storage device

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
  • Webpage graph display method and device
  • Webpage graph display method and device
  • Webpage graph display method and device

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0053] see figure 1 , which is a flow chart of a method for displaying webpage graphics provided by an embodiment of the present application.

[0054] The web page graphic display method provided by the embodiment of the present application includes steps S11-S12:

[0055] S11: Obtain graphic parameters of the target graphic.

[0056] The target graphic refers to the graphic to be displayed on the webpage; and the embodiment of the present application does not limit the specific type of the target graphic, for example, the target graphic can be a volley trapezoid, it can also be a rhombus, and it can also be a polygon (for example, a pentagon ), can also be a prism. Wherein, a volley trapezoid refers to a figure with a volley effect; and, the application does not limit the form of a volley trapezoid, as an example, a volley trapezoid may be a figure formed by dislocation stacking of a plurality of trapezoids (for example, as shown in 2, a volley trapezoid A trapezoid can be...

Embodiment 2

[0077] In addition, the embodiment of the present application also provides a construction process of a preset number of target block-level elements, such as image 3 As shown, the construction process may specifically include S31-S33:

[0078] S31: Establish a preset number of initial block-level elements.

[0079] The preset number refers to the number of block-level elements required to form the target graphic (for example, if Figure 4 As shown, the volley trapezoid can be composed of three layers of block-level elements); moreover, the preset number can be determined according to graphic parameters, especially the graphic shape parameters in the graphic parameters. In addition, the preset number can also be determined by querying the mapping relationship between graphics parameters and the number of block-level elements, especially by using the mapping between graphics parameters and the number of block-level elements in graphics parameters. Relationships are determined...

Embodiment approach

[0089] In addition, in the embodiment of the present application, different types of block-level element configuration parameters may be determined according to different types of graphic parameters. Based on this, the embodiment of this application also provides an implementation of S32, which may specifically include the following:

[0090] (1) When the block-level element configuration parameters include block-level element position parameters, S32 may include: determining the block-level element position parameters according to the graphic display position parameters in the graphic parameters.

[0091] In the embodiment of the present application, in the process of determining the block-level element configuration parameters according to the graphic parameters, the block-level element position parameters may be determined according to the graphic display position parameters in the graphic parameters. For example, when the target graph is Figure 4 When the volley trapezoi...

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 invention discloses a webpage graph display method and device. The method comprises steps of displaying a preset number of target block-level elements constructed according to graph parameters on a webpage after the graph parameters of a target graph are obtained so as to achieve the display of the target graph on the webpage. The graph parameters can represent the shape information of the target graph and the display position information of the target graph in the webpage so that the preset number of target block-level elements constructed based on the graph parameters can accurately represent the target graph, and the target graph can be displayed on the webpage through the display of the preset number of target block-level elements; besides, the target block-level element is constructed based on the graph parameters, so that the target graph does not need to be downloaded in the process of displaying the target graph in the webpage, the operation pressure increased by picture downloading on webpage redrawing and backflow and the storage pressure increased by picture downloading on a storage device can be effectively avoided, and the operation pressure of webpage redrawing and backflow and the storage pressure of the storage device can be effectively reduced.

Description

technical field [0001] The present application relates to the field of computer technology, in particular to a method and device for displaying web page graphics. Background technique [0002] At present, web pages can not only display text, but also graphics; and, the display process of graphics (for example, volley trapezoid) on the web page can be: first download the picture from the storage device (for example, server or local browser storage space), Then render the downloaded image and present it on the web page. [0003] In some cases, a large number of graphics need to be displayed on the webpage. At this time, all these graphics need to be downloaded and rendered before being presented on the webpage, which increases the operating pressure of redrawing and reflowing of the webpage. In addition, because the storage device needs to store pictures corresponding to these graphics, a large number of pictures are stored in the storage device, thereby increasing the storag...

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
Patent Type & Authority Applications(China)
IPC IPC(8): G06F16/957
CPCG06F16/9574
Inventor 杨文
Owner BEIJING GRIDSUM TECH 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

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap