Unlock instant, AI-driven research and patent intelligence for your innovation.

A method and system for generating responsive graphics

A graphical and graphical data technology, applied in the front-end field of Internet information, which can solve problems such as blank, large interface, and inability to adapt to the screen.

Active Publication Date: 2019-01-18
INSPUR BEIJING ELECTRONICS INFORMATION IND
View PDF2 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] For different display devices, such as mobile handheld devices with different screen sizes, the pages written in the traditional way may not be able to adapt to the screen
Especially for screens with different resolutions, if the interface is fixed width, the interface will be too large to exceed the screen or the interface will be too small and a large blank area will appear.
Cannot automatically respond to the user's device environment, making the user experience of visual design poor

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
  • A method and system for generating responsive graphics
  • A method and system for generating responsive graphics

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0026] The present invention provides a responsive graphical generation method, figure 1 It shows a flow chart of Embodiment 1 of the generation method of responsive graphics in the present invention, including:

[0027] Step S101: Obtain target graphics data from the bottom interface;

[0028] The target graphic data is obtained through the underlying Rest Api application programming interface, and the target graphic data includes: the vertical size ratio of each icon's vertical direction size to the total height of the graphical window, the ratio of each icon's horizontal direction size to the total width of the graphical window Horizontal size ratio, the vertical position ratio of the vertical position height of each icon to the total height of the graphical window, and the horizontal position ratio of the horizontal position width of each icon to the total width of the graphical window;

[0029] Step S102: Determine the total height and total width of the current graphica...

Embodiment 2

[0037] The present invention also provides a responsive graphical generation system, figure 2 It is shown that it includes: a responsive graphical generation system, which is characterized in that it includes: a graphical data acquisition module 101, a graphical window size determination module 102, an icon size determination module 103 and an icon drawing module 104;

[0038]The graphic data acquisition module 101 is used to acquire target graphic data from the bottom interface, and the target graphic data includes: the vertical size ratio of each icon's vertical size to the total height of the graphic window, the horizontal size of each icon and the graphic window's total height. The horizontal size ratio of the total width of the window, the vertical position ratio of the vertical position height of each icon to the total height of the graphical window, and the horizontal position ratio of the horizontal position width of each icon to the total width of the graphical window...

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 generating method and system of responsive graphics. Target graphic data are obtained from a bottom interface; the target graphic data comprise proportions of sizes of icons in the vertical direction and the horizontal direction to the vertical size of the total height and the horizontal size of the total width of a graphical window respectively and proportions of the position height in the vertical direction and the position width in the horizontal direction of the icons to the vertical position of the total height and the horizontal position of the total width of the graphical window respectively, and the total height and the total width of the graphical window are determined. According to the vertical size proportion, the horizontal size proportion, the vertical position proportion, the horizontal position proportion of the icons and the graphical window and the total height and the total width of the graphical window, corresponding position coordinates and sizes of the icons are calculated, and the icons are drawn in the current graphical window. Due to the fact that the proportions of the sizes and the positions of the icons to the sizes of the graphical window are determined, a drawn page automatically respond to the device environment of a user.

Description

technical field [0001] The invention relates to the front-end field of Internet information, in particular to a method and system for generating responsive graphics. Background technique [0002] With the rapid development of the information age, the amount of information of users is increasing day by day. The visualization of massive information revolves around the purpose of "readable and logically usable" to convey information, transform boring and cumbersome data into easy-to-understand graphical information, and improve user experience. [0003] For different display devices, such as mobile handheld devices with different screen sizes, the pages written in the traditional way may not be able to adapt to the screen. Especially for screens with different resolutions, if the interface is fixed width, the interface will be too large to exceed the screen or the interface will be too small and a large blank area will appear. It cannot automatically respond to the user's dev...

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 Patents(China)
IPC IPC(8): G06F8/34
Inventor 高滨
Owner INSPUR BEIJING ELECTRONICS INFORMATION IND