Information processing method and device, electronic equipment and storage medium

Abstract

Embodiments of the invention provide an information processing method and device, electronic equipment and a storage medium. The method comprises the steps of obtaining a background image and a plurality of icons; determining a preset position of each icon in the background image based on a predetermined number of drawable icons in each row of the background image and the size of each icon in theplurality of icons, so that any two icons in the plurality of icons do not intersect in the background image; setting each icon at a corresponding position of the background image according to a to-be-set position of each icon in the background image to generate a Sprite image; generating a style sheet based on the position of each icon in the Sprite and a predetermined identifier of each icon, the style sheet being used for recording a corresponding relationship between the identifier of each icon and the position of each icon in the Sprite; on the premise of not depending on manual setting of the desired positions of the icons in the background image, the production of the Sprite picture and the style sheet is automatically completed, and the production efficiency of the Sprite picture and the style sheet is improved.

Description

technical field [0001] The present application relates to the technical field of front-end development, in particular, to an information processing method, device, electronic equipment and storage medium. Background technique [0002] In the process of front-end development, if you need to set multiple icons on the development page, one way is: the server loads multiple icons at one time, but this will greatly consume the performance of the server; the other way is: load each time One icon loads multiple icons in multiple times, but in this method, each icon needs to be requested to the server once, resulting in an increase in the number of times the server is requested to load, which in turn increases the pressure on the server. [0003] In order to solve the above problems, Sprite technology was born in due course. Sprite technology combines multiple small icons and background images to obtain a sprite image. When multiple icons need to be set on the development page, the ...

AI Technical Summary

Problems solved by technology

[0002] In the process of front-end development, if you need to set multiple icons on the development page, one way is: the server loads multiple icons at one time, but this will greatly consume the performance of the server; the other way is: load each time One icon loads multiple icons in multiple times. However, each icon loaded in this way needs to be requested to the server once, which leads to an increase in the number of times the server is requested to load, which in turn increases the pressure on the server.

[0003] In order to solve the above problems, Sprite technology was born in due course. Sprite technology combines multiple small icons and background images to obtain a sprite image. When multiple icons need to be set on the development page, the server only needs to load the The sprite image containing the multiple icons can be loaded at one time, reducing the icon loading pressure of the server; however, the existing sprite image production technology can only be completed after manually setting the desired position of each icon in the background image. The self-made sprite map and the style sheet corresponding to the sprite map are inefficient

Images