CN107301046B - Icon processing method and device, computer equipment and storage medium - Google Patents
Icon processing method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN107301046B CN107301046B CN201710452563.8A CN201710452563A CN107301046B CN 107301046 B CN107301046 B CN 107301046B CN 201710452563 A CN201710452563 A CN 201710452563A CN 107301046 B CN107301046 B CN 107301046B
- Authority
- CN
- China
- Prior art keywords
- vector
- icons
- icon
- vector diagram
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a processing method and a device for icons, a computer device and a storage medium, wherein the method comprises the following steps: based on the identification of the vector image picture, a corresponding vector image picture is obtained, and the vector image picture integrates the vector images of at least two icons; acquiring a display instruction of an icon in a vector image picture; and displaying the corresponding icon according to the display instruction. Therefore, the icons with the same type can be made into one vector image picture, and when the user terminal displays the icons with the same type, the user terminal only needs to request the vector image picture once from the server. And the vector diagram has the advantage of being capable of randomly adjusting the size without distortion, and can meet the requirements of different resolutions.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method and apparatus for processing an icon, a computer device, and a storage medium.
Background
In related pages of application programs and web pages, icons in a picture format are often used for displaying so as to guide a user to perform related operations.
Because of the diversity of display devices, different display devices have different resolutions, in order to adapt to different display devices and clearly display icons at different resolutions, it is common practice to use icon fonts, and replace picture files with font files. Specifically, by acquiring any font file, replacing a required icon with a character, embedding the icon font into a webpage, and calling a corresponding icon code. The icon fonts belong to the vector diagrams, so that the requirements of clear display with different resolutions can be met.
However, the same display interface of an application often requires the display of multiple icons of the same type. For example, in a shopping platform application, the user is typically guided through payment operations by displaying icons of each partner bank and third party paymate on a payment page. Therefore, the user terminal needs to request the web page resource to load each icon multiple times when jumping to the payment page, and more traffic is consumed.
Disclosure of Invention
Based on this, it is necessary to provide an icon processing method and apparatus, a computer device, and a storage medium, for the problem that when a page displays a plurality of icons of the same type, resources are required to be requested a plurality of times to load each icon separately, resulting in consuming a large amount of traffic.
To achieve the above object, one embodiment adopts the following technical scheme:
a method of processing an icon, comprising:
based on the identification of the vector image picture, acquiring a corresponding vector image picture, wherein the vector image picture integrates vector images of at least two icons;
acquiring a display instruction of an icon in the vector image picture;
and displaying the corresponding icon according to the display instruction.
An icon processing apparatus, comprising: the device comprises a vector diagram acquisition module, a display instruction acquisition module and a display module;
the vector diagram acquisition module is used for acquiring corresponding vector diagram pictures based on the identification of the vector diagram pictures, and the vector diagram pictures are integrated with the vector diagrams of at least two icons;
the display instruction acquisition module is used for acquiring a display instruction of an icon in the vector image picture;
and the display module is used for displaying the corresponding icons according to the display instruction.
A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the steps of the icon processing method described above when executing the program.
A storage medium having a computer program stored thereon, wherein the program, when executed by a processor, implements the steps of the icon processing method described above.
According to the icon processing method and device, the computer equipment and the storage medium, the vector diagram picture comprises the vector diagram information of at least two icons, and the icons corresponding to the icon identifications are displayed according to the display instruction of the icons. Therefore, the icons with the same type can be made into one vector image picture, and when the user terminal displays the icons with the same type, the user terminal only needs to request the vector image picture once from the server. And the vector diagram has the advantage of being capable of randomly adjusting the size without distortion, and can meet the requirements of different resolutions.
Drawings
Fig. 1 is a schematic view of an internal structure of a terminal according to an embodiment;
FIG. 2 is a flow chart of a method of processing icons according to one embodiment;
FIG. 3 is a flowchart of a processing method of icons according to another embodiment;
FIG. 4 is a schematic diagram of a vector graphics picture of one embodiment;
FIG. 5 is a flowchart of the steps for creating a vector graphics picture from a vector graphics of at least two icons, according to one embodiment;
FIG. 6 is a block diagram of a processing device of an icon for one embodiment;
FIG. 7 is a block diagram of a processing device of an icon of another embodiment;
fig. 8 is a block diagram showing a structure of a processing apparatus of an icon according to still another embodiment.
Detailed Description
The present invention will be described in further detail with reference to the drawings and examples, in order to make the objects, technical solutions and advantages of the present invention more apparent. It should be understood that the detailed description is presented by way of example only and is not intended to limit the scope of the invention.
The invention provides a processing method of icons, which is characterized in that at least two icons are collected in a vector image picture in advance. When a developer develops, based on the vector diagram picture, the corresponding vector diagram picture is obtained, a display instruction of the icon required in the vector diagram picture is input according to actual needs, and the corresponding icon is displayed according to the display instruction, so that convenience is brought to the developer. Because the icons with the same type can be made into one vector image picture, when the user terminal displays the icons with the same type, the user terminal only needs to request the vector image picture once from the server. And the vector diagram has the advantage of being capable of randomly adjusting the size without distortion, and can meet the requirements of different resolutions.
Fig. 1 is a schematic diagram of an internal structure of a terminal in one embodiment. As shown in fig. 1, the terminal includes a processor, a storage medium, a memory, a network interface, a display screen, and an input device connected through a system bus. Wherein the processor is configured to provide computing and control capabilities to support operation of the entire terminal. The storage medium of the terminal stores an operating system and a computer program of an icon processing device for implementing an icon processing method when the computer program of the icon processing device is executed by a processor. The memory in the terminal provides an environment for the operation of the processing means of the icons in the storage medium and the network interface is used for communication with the server, for example, for publishing the developed application program on the server for downloading by the user. The display screen of the terminal can be a liquid crystal display screen, an electronic ink display screen or the like, and the input device can be a touch layer covered on the display screen, an external keyboard, a touch pad, a mouse or the like. It will be appreciated by those skilled in the art that the structure shown in fig. 1 is merely a block diagram of a portion of the structure associated with the present inventive arrangements and is not limiting of the terminal to which the present inventive arrangements are applied, and that a particular terminal may include more or fewer components than shown, or may combine some of the components, or have a different arrangement of components.
Referring to fig. 2, in one embodiment, a method for processing an icon is provided, the method running on the terminal shown in fig. 1, the method comprising the steps of:
s202: based on the identification of the vector image pictures, corresponding vector image pictures are obtained, and the vector image pictures are integrated with the vector images of at least two icons.
Vector graphics, also known as object-oriented images or pictorial images, are defined mathematically as a series of points of network connection. The graphic elements in the vector file are called objects, each of which is a self-contained entity having properties of color, shape, outline, size, and screen position. The vector diagram has the advantages of small file, stepless scaling and no concave-convex saw-tooth effect on the icon edge.
The vector image is drawn according to geometric characteristics, the vector can be a point or a line, the vector image can only be generated by software, the file occupies small internal space, and the image file of the type comprises independent separated images and can be freely and unrestrictedly recombined. The method is characterized in that the amplified image is not distorted, is irrelevant to resolution, and is suitable for graphic design, text design, some mark designs, layout designs and the like.
The vector graphics picture aggregates vector graphics of at least two icons. Specifically, the vector images of at least two icons are integrated onto one picture by defining the positions of the vector images of each icon.
According to the identification of the vector image picture, the corresponding vector image picture can be obtained. The vector graphics picture identification may be an address of the vector graphics picture. The vector image picture identification may also be an ID number of the vector image picture. The relation between the IDs of the vector image pictures and the corresponding storage addresses is established in advance, and the corresponding vector image pictures are acquired from the corresponding storage addresses based on the IDs of the vector image pictures.
S204: and acquiring a display instruction of an icon in the vector image picture.
The vector diagram picture comprises a plurality of vector diagram icons, and a developer can select part of the vector diagram icons to display according to actual needs of a scene. Specifically, a display command is used for part or all of the icons in the vector image picture, and the icons required to be displayed by the developer can be obtained according to the display command. Taking the example that the vector image picture comprises a plurality of icons of banks, the icons of all banks can be included in the vector image picture which is manufactured in advance, and in use, a display command is used for the icons of the banks which cooperate to only show the icons of the banks which cooperate with the shopping platform in the shopping platform. The reusability of the vector image is strong, and icons to be displayed can be flexibly set according to requirements.
S206: and displaying the corresponding icon according to the display instruction.
According to the icon processing method, since the vector diagram picture comprises the vector diagram information of at least two icons, the icons corresponding to the icon identifications are displayed according to the display instruction of the icons. Therefore, the icons with the same type can be made into one vector image picture, and when the user terminal displays the icons with the same type, the user terminal only needs to request the vector image picture once from the server. And the vector diagram has the advantage of being capable of randomly adjusting the size without distortion, and can meet the requirements of different resolutions.
Fig. 3 is a flowchart of a processing method of an icon according to another embodiment, as shown in fig. 3, including the following steps:
s302: and making a vector diagram picture according to the vector diagrams of at least two icons.
The vector image picture comprises at least two vector images of the icons. Taking a financial scene bank icon as an example, a vector diagram picture of one embodiment is shown in fig. 4, and includes vector diagrams of three bank icons. It will be appreciated that the number of vector graphics of icons in a vector graphics picture may be set according to the display requirements of the user interface. Taking a shopping platform as an example, after the user shopping is completed, the user interface needs to display icons of each using bank so as to guide the user to carry out payment operation. Based on this, a vector image picture can be created in advance from the icons of the respective partner banks. It will be appreciated that the vector graphics pictures produced may be applied to other financial scenarios where payment by a bank is required.
S304: and storing the vector image picture, wherein the identification of the vector image picture is the storage address of the vector image picture.
In this embodiment, the identifier of the vector image picture is a storage address of the vector image picture.
S306: based on the identification of the vector image pictures, corresponding vector image pictures are obtained, and the vector image pictures are integrated with the vector images of at least two icons.
The vector graphics picture aggregates vector graphics of at least two icons. Specifically, the vector images of at least two icons are integrated onto one picture by defining the positions of the vector images of each icon.
According to the identification of the vector image picture, the corresponding vector image picture can be obtained. The vector graphics picture identification may be an address of the vector graphics picture. In the process of developing the page of the application program, a developer can directly call the corresponding vector diagram picture according to the identification of the vector diagram picture, so that the developer is helped to develop quickly, and the multiplexing rate of the vector diagram picture can be improved.
S308: acquiring a display instruction of an icon in a vector image picture; the display instruction includes an icon identification.
The icon identification is a unique identification of the icon in the vector image picture. The display instruction comprises an icon identifier, and the icon required to be displayed by the developer can be obtained according to the icon identifier.
S310: and displaying the corresponding icon according to the display instruction.
By adopting the icon processing method, the vector images of the icons with the same type can be manufactured to obtain the vector image images, and the storage addresses of the vector image images are used as the storage addresses of the vector image images, so that a developer can call the corresponding vector image images for use according to the identifications of the vector image images, and the icons do not need to be processed in additional time, thereby improving the processing efficiency of the developer and the multiplexing rate of the vector image images. In the development process, a developer can combine the actual requirement of a user interface of an application being developed, and input a display instruction of an icon identifier to be displayed so as to display the corresponding identifier, so that when the user terminal displays a plurality of icons of the same type, the user terminal only needs to request a vector diagram picture from a server once. And the vector diagram has the advantage of being capable of randomly adjusting the size without distortion, and can meet the requirements of different resolutions.
Specifically, as shown in fig. 5, the step of creating a vector image picture from the vector images of at least two icons includes S3021 to S3023.
S3021: and acquiring vector diagram information of at least two icons and icon identification of each icon.
The vector map information refers to information on a vector map that can be described in language. In this embodiment, the vector graphics may be in the form of SVG (scalable vector graphics). SVG is a format of graphics based on extensible markup language, using text description vectorization. The corresponding file is an XML file that serves the browser, rather than a bitmap of fonts or pixels, which is rendered directly by the browser, keeping the image clear at any size.
Conventional icon fonts are limited in color and can only be rendered as a single color or be rendered as a gradient in a high-end browser. Also, to achieve maximum browser support, at least four different types of font files need to be provided, including ttf, woff, eot and svg format fonts, which results in a larger volume of icon fonts. And the SVG icon is a vector graphic file, and has the advantages of small file size, support of colorful icons and accurate control of icon positions.
Vector graphics in SVG format can present an imaging effect when displayed, but still exist in text form. The text is presented in the form of XML code, and vector diagram information including storage address, size information, path information, and the like is described. The vector diagram information of the icon can be obtained through the vector diagram of the icon in the SVG format. It will be appreciated that the icons may take other formats that document vector diagram information.
The icon identification of an icon is a unique identification of the icon and is defined by the developer. For example, an icon identifier of "webank" may be set for the icon of "micro-banking" in fig. 4 to facilitate the developer's call.
In another embodiment, a vector image of another format corresponding to the icon may be obtained and converted into a vector image of SVG format to obtain vector image information of the icon.
Specifically, the step of acquiring vector diagram information of at least two icons includes: acquiring vector diagrams of at least two icons; and calling a vector diagram tool to acquire vector diagram information of the vector diagram.
The vector diagram is displayed in a picture form, so that a developer can conveniently acquire corresponding vector diagram information, such as path information of the vector diagram, the size and other attributes of the vector diagram, and the acquired vector diagram of the icon needs to be converted into a format capable of reading the corresponding vector diagram information by calling a vector diagram tool. The vector graphics tool is determined from the converted format. Taking the format of the vector diagram of the icon as an example of the AI format. The AI format is a vector graphic file, which is suitable for the output format of the Illuster software of Adobe company. The software is called to open the AI file of the icon, and a worker checks whether the graphics in the AI file are all composed by paths, so that the situation that the path cannot be obtained and the file cannot be converted into a SVG format due to the fact that the rasterized picture is inserted into the icon file is avoided. When the graph passing path of the AI file of the detection icon is formed, the AI file is converted into an SVG format according to the operation of a developer, so that vector diagram information of a vector diagram is obtained. SVG is an open standard vector graphics language, is an XML file that serves a browser, and utilizes the browser to view vector graphics information for each SVG format icon. The AI-formatted file is saved as SVG format, for example, by the illuminator software of Adobe corporation.
S3022: and processing the vector diagram information of each icon to obtain the vector diagram element corresponding to each icon.
Specifically, the vector diagram information of each icon is processed to obtain a vector diagram of each element of the vector diagram corresponding to each icon, that is, a vector diagram of each element having a corresponding icon.
In order to obtain the vector diagram element corresponding to each icon, specifically, invalid information meeting preset conditions in the vector diagram information is removed, element information, position information and icon identification are added to the vector diagram information of each icon after the invalid information is removed, and the vector diagram element corresponding to each icon is obtained.
After the vector diagram of the icons in the AI format is converted into the vector diagram in the SVG format, the browser can be utilized to view the vector diagram information of each icon in the SVG format, and the vector diagram information consists of a section of codes. The vector diagram information after conversion may contain some information irrelevant to the picture content, such as line feed, repeated blank space, annotation, related description and the like. The information irrelevant to the picture content is the invalid information, and the judgment condition of whether the information is the invalid information is preset by a developer according to experience. And after the vector diagram information is obtained, removing invalid information in the vector diagram information according to preset conditions.
For the vector diagram information of each icon after the invalid information is removed, the corresponding vector diagram information, namely the code of the icon, can be checked through a browser. Element information is added to each icon using the code of each icon. The element information in one embodiment may be an element (symbol element), and the element information, the position information and the icon identifier are added to the vector diagram information of each icon after the invalid information is removed, so as to obtain a vector diagram element corresponding to each icon identifier.
S3023: and generating a vector diagram picture by the vector diagram element sets.
The individual vector graphics elements consist of a piece of code that includes vector graphics information, which is viewable through the browser. Since the vector image elements include the icon identification, the position information and the vector image information of each icon, a vector image picture can be generated by assembling each vector image element according to the position information of each icon. It is understood that the vector graphics picture is in SVG format. Specifically, each vector image element is wrapped by using a Symbol tag of SVG, so that each vector image element set is used for generating a vector image picture.
The vector image elements of each icon are integrated in the vector image picture, and the vector image of the corresponding icon is not displayed. The developer can use the display command for the vector diagram element of the icon to be displayed as needed. Specifically, the display command designates an icon identifier, and only the icon corresponding to the icon identifier in the vector image picture is displayed according to the display command. In a specific embodiment, the display command is a use element (use) in SVG, and the icon to be displayed is displayed after the display command is used.
By adopting the icon processing method, the vector images of a plurality of icons with the same type can be manufactured to obtain the vector image picture, and the storage address of the vector image picture is used as the storage address of the vector image picture. When the developer and the road staff use, according to the identification of the vector image, the corresponding vector image is called for use, and the time is not required to be additionally spent for processing each icon, so that the processing efficiency of the developer and the multiplexing rate of the vector image are improved. Since the vector images of the icons are integrated in one vector image, when the user terminal displays the icons of the same type, the user terminal only needs to request the vector image once from the server. And the vector diagram has the advantage of being capable of randomly adjusting the size without distortion, and can meet the requirements of different resolutions.
Fig. 6 is a block diagram of an icon processing device according to an embodiment, and as shown in fig. 6, the icon processing device includes: a vector diagram acquisition module 601, a display instruction acquisition module 602, and a display module 603.
The vector diagram obtaining module 601 is configured to obtain a corresponding vector diagram picture based on the identification of the vector diagram picture, where the vector diagram picture integrates the vector diagrams of at least two icons.
The display instruction obtaining module 602 is configured to obtain a display instruction for an icon in a vector image.
The display module 603 is configured to display a corresponding icon according to the display instruction.
According to the icon processing device, since the vector image picture comprises the vector image information of at least two icons, the icons corresponding to the icon identification are displayed according to the display instruction of the icons. Therefore, the icons with the same type can be made into one vector image picture, and when the user terminal displays the icons with the same type, the user terminal only needs to request the vector image picture once from the server. And the vector diagram has the advantage of being capable of randomly adjusting the size without distortion, and can meet the requirements of different resolutions.
Fig. 7 is a block diagram of another embodiment of an icon processing device, and as shown in fig. 7, the icon processing device further includes a vector diagram picture making module 604 and a storage module 605.
The vector image picture making module 604 is configured to make a vector image picture according to the vector images of at least two icons.
The storage module 605 is configured to store a vector image picture, where the identifier of the vector image picture is a storage address of the vector image picture.
As shown in fig. 8, the vector diagram picture making module 701 includes a vector diagram information acquiring module 7011, a processing module 7072, and a synthesizing module 7073.
The vector diagram information acquiring module 7011 is configured to acquire vector diagram information of at least two icons and icon identifiers of the icons.
The vector diagram information acquisition module is used for acquiring vector diagrams of at least two icons, calling a vector diagram tool and acquiring vector diagram information of the vector diagrams.
The processing module 7012 is configured to process the vector diagram information of each icon to obtain a vector diagram element corresponding to each icon; the vector map element includes an icon identification of the icon, location information, and vector map information.
Specifically, the processing module is used for removing invalid information meeting preset conditions in the vector diagram information, and adding element information, position information and icon identification to the vector diagram information of each icon after the invalid information is removed to obtain a vector diagram element corresponding to each icon.
The synthesizing module 7013 is configured to generate a vector image picture from each vector image element set.
By adopting the icon processing device, vector images of a plurality of icons with the same type can be manufactured to obtain vector image images, and the storage addresses of the vector image images are used as the storage addresses of the vector image images. When the developer and the road staff use, according to the identification of the vector image, the corresponding vector image is called for use, and the time is not required to be additionally spent for processing each icon, so that the processing efficiency of the developer and the multiplexing rate of the vector image are improved. Since the vector images of the icons are integrated in one vector image, when the user terminal displays the icons of the same type, the user terminal only needs to request the vector image once from the server. And the vector diagram has the advantage of being capable of randomly adjusting the size without distortion, and can meet the requirements of different resolutions.
A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the steps of the icon processing method described above when executing the program.
A storage medium having a computer program stored thereon, wherein the program, when executed by a processor, implements the steps of the icon processing method described above.
Those skilled in the art will appreciate that implementing all or part of the processes of the methods of the embodiments described above may be accomplished by computer programs stored on a non-transitory computer readable storage medium, such as a storage medium of a computer system, and executed by at least one processor in the computer system to implement processes comprising embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), or the like.
The technical features of the above-described embodiments may be arbitrarily combined, and all possible combinations of the technical features in the above-described embodiments are not described for brevity of description, however, as long as there is no contradiction between the combinations of the technical features, they should be considered as the scope of the description.
The above examples illustrate only a few embodiments of the invention, which are described in detail and are not to be construed as limiting the scope of the invention. It should be noted that it will be apparent to those skilled in the art that several variations and modifications can be made without departing from the spirit of the invention, which are all within the scope of the invention. Accordingly, the scope of protection of the present invention is to be determined by the appended claims.
Claims (8)
1. A method for processing an icon, comprising:
making a vector image picture according to the vector images of all the icons of the banks;
storing the vector image picture;
in the development process of a payment page applied by a shopping platform, acquiring a corresponding vector image picture based on a storage address of the vector image picture, wherein the vector image picture integrates the vector images of icons of all banks; the vector images of the icons are independent separated images;
acquiring a display instruction of an icon of the appointed cooperative bank in the vector image picture; the icons of the appointed cooperative banks are part of the number icons in the vector image picture;
displaying icons of the corresponding cooperative banks according to the display instruction;
the step of making the vector image picture according to the vector images of all the banks comprises the following steps:
acquiring vector diagram information of icons of all banks and icon identification of each icon;
processing the vector diagram information of each icon to obtain vector diagram elements corresponding to all the icons of the bank; the vector diagram element comprises an icon identification, position information and vector diagram information of the icon;
and generating a vector diagram picture by the vector diagram element sets.
2. The method according to claim 1, wherein the step of processing the vector diagram information of each icon to obtain vector diagram elements corresponding to icons of all banks comprises:
removing invalid information meeting preset conditions in the vector diagram information;
and adding element information, position information and icon identification to the vector diagram information of the icons of all banks after the invalid information is removed, and obtaining vector diagram elements corresponding to the icons of all banks.
3. The method of claim 1, wherein the step of obtaining vector image information of icons of all banks comprises:
acquiring vector diagrams of icons of all banks;
and calling a vector diagram tool to acquire vector diagram information of the vector diagram.
4. An icon processing apparatus, comprising: the device comprises a vector diagram picture making module, a storage module, a vector diagram acquisition module, a display instruction acquisition module and a display module;
the vector image picture making module is used for making a vector image picture according to the vector images of all the icons of the banks;
the storage module is used for storing the vector image pictures;
the vector diagram acquisition module is used for acquiring corresponding vector diagram pictures based on the storage addresses of the vector diagram pictures in the development process of the payment page of the shopping platform application, and the vector diagram pictures integrate the vector diagrams of icons of all banks; the vector images of the icons are independent separated images;
the display instruction acquisition module is used for acquiring a display instruction of an icon of the appointed cooperative bank in the vector image picture; the icons of the appointed cooperative banks are part of the number icons in the vector image picture;
the display module is used for displaying icons of the corresponding cooperative banks according to the display instruction;
the vector image picture making module comprises a vector image information acquisition module, a processing module and a synthesizing module;
the vector diagram information acquisition module is used for acquiring vector diagram information of icons of all banks and icon identifications of the icons;
the processing module is used for processing the vector diagram information of each icon to obtain vector diagram elements corresponding to all the icons of the bank; the vector diagram element comprises an icon identification, position information and vector diagram information of the icon;
and the synthesis module is used for generating a vector diagram picture from each vector diagram element set.
5. The apparatus of claim 4, wherein the processing module is configured to remove invalid information meeting a preset condition in the vector diagram information, and add element information, position information and icon identification to the vector diagram information of the icons of all banks from which the invalid information is removed, so as to obtain vector diagram elements corresponding to the icons of all banks.
6. The apparatus of claim 4, wherein the vector diagram information obtaining module is configured to obtain a vector diagram of icons of all banks, and call a vector diagram tool to obtain vector diagram information of the vector diagram.
7. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the steps of the method of processing icons according to any one of claims 1 to 3 when the program is executed.
8. A storage medium having stored thereon a computer program, characterized in that the program, when being executed by a processor, realizes the steps of the method of processing icons as claimed in any one of claims 1 to 3.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710452563.8A CN107301046B (en) | 2017-06-15 | 2017-06-15 | Icon processing method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710452563.8A CN107301046B (en) | 2017-06-15 | 2017-06-15 | Icon processing method and device, computer equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107301046A CN107301046A (en) | 2017-10-27 |
| CN107301046B true CN107301046B (en) | 2023-07-04 |
Family
ID=60134716
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710452563.8A Active CN107301046B (en) | 2017-06-15 | 2017-06-15 | Icon processing method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107301046B (en) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109885318B (en) * | 2017-12-01 | 2022-03-18 | 阿里巴巴（中国）有限公司 | Method and device for updating desktop icon of web application |
| CN108459856A (en) * | 2018-02-28 | 2018-08-28 | 平安普惠企业管理有限公司 | Interface icon configuration method, device, computer equipment and storage medium |
| CN108734662B (en) * | 2018-05-21 | 2023-02-28 | 腾讯音乐娱乐科技（深圳）有限公司 | Method and device for displaying icons |
| CN110515515B (en) * | 2019-08-29 | 2021-01-08 | Oppo广东移动通信有限公司 | Information display method and device and storage medium |
| CN112817667A (en) * | 2019-11-18 | 2021-05-18 | 青岛海信移动通信技术股份有限公司 | Terminal and control icon display method |
| CN111414107A (en) * | 2020-03-17 | 2020-07-14 | 中国银行股份有限公司 | Scalable vector graphics processing method and system |
| CN113918861A (en) * | 2021-10-22 | 2022-01-11 | 城云科技（中国）有限公司 | Icon library display method and device |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1664861A (en) * | 2004-09-22 | 2005-09-07 | 冯彦 | Method for making and displaying dynamic marks |
| CN101630340A (en) * | 2009-05-27 | 2010-01-20 | 江西九江供电公司 | Graphic-object-oriented single-line diagram vector drawing tool of distribution network |
| CN101751383A (en) * | 2009-12-30 | 2010-06-23 | 北京天融信科技有限公司 | Method for describing network topology by using SVG |
| CN102054280A (en) * | 2010-11-29 | 2011-05-11 | 广东威创视讯科技股份有限公司 | Method and device for rapidly generating vector diagram |
| CN102929912A (en) * | 2012-09-10 | 2013-02-13 | 新浪网技术(中国)有限公司 | Method and system for generating microblog pictures |
| CN104699833A (en) * | 2015-03-31 | 2015-06-10 | 北京奇艺世纪科技有限公司 | Picture presentation method, picture storage method, picture presentation device and picture storage device |
| CN106055295A (en) * | 2016-05-24 | 2016-10-26 | 腾讯科技（深圳）有限公司 | Picture processing method and device, and picture drawing method and device |
| CN106843639A (en) * | 2016-12-26 | 2017-06-13 | 上海与德信息技术有限公司 | The display methods of icon and the display device of icon |
Family Cites Families (18)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7058471B2 (en) * | 2003-01-14 | 2006-06-06 | Watanabe John S | System and method for custom-made clothing |
| US20070220438A1 (en) * | 2006-03-08 | 2007-09-20 | Fuji Xerox Co., Ltd. | Icon generating device, computer readable medium storing program for generating icon and method for generating icon |
| JP2013055587A (en) * | 2011-09-06 | 2013-03-21 | Sony Corp | Image processing apparatus, image processing method, and image processing system |
| CN103369006B (en) * | 2012-03-31 | 2016-06-15 | 北京泰乐德信息技术有限公司 | A kind of method and system of railway signal view monitoring |
| CN102739682A (en) * | 2012-07-03 | 2012-10-17 | 上海盛翔信息科技有限公司 | Internet-based remote picture designing, printing and synthesizing system and method |
| CN103970521A (en) * | 2013-01-31 | 2014-08-06 | 鸿富锦精密工业（深圳）有限公司 | Icon generative system and icon generative method |
| CN103419546B (en) * | 2013-09-06 | 2016-06-08 | 向庭洁 | Pattern ornament and method for manufacturing the same |
| CN105723713A (en) * | 2013-12-19 | 2016-06-29 | 夏普株式会社 | Merge-candidate derivation device, image decoding device, and image encoding device |
| CN104978374A (en) * | 2014-09-01 | 2015-10-14 | 腾讯科技（深圳）有限公司 | Method and device for inserting icon in application program |
| CN104461564A (en) * | 2014-12-24 | 2015-03-25 | 浪潮(北京)电子信息产业有限公司 | Font-based icon generating method and device |
| CN104978183A (en) * | 2015-01-22 | 2015-10-14 | 腾讯科技（深圳）有限公司 | Icon construction method, and terminal equipment |
| CN105989098B (en) * | 2015-02-12 | 2020-04-07 | 阿里巴巴集团控股有限公司 | Icon package generation method and server, and icon processing method and system |
| CN104820739B (en) * | 2015-04-23 | 2018-02-06 | 浙江大学 | Method of the consumer for SUV configuration design preferences is studied based on persona |
| CN106202115B (en) * | 2015-05-07 | 2020-02-18 | 阿里巴巴集团控股有限公司 | Method and device for directionally displaying information |
| CN104899319B (en) * | 2015-06-18 | 2018-07-24 | 深圳市茁壮网络股份有限公司 | A kind of Web page icon loading method and device |
| CN104933346B (en) * | 2015-06-30 | 2017-11-14 | 广东欧珀移动通信有限公司 | A kind of unlocking method and device based on Logo |
| CN105893044B (en) * | 2016-03-31 | 2019-05-21 | 广州华多网络科技有限公司 | Icon generation method and device |
| CN106681735A (en) * | 2016-12-30 | 2017-05-17 | 迈普通信技术股份有限公司 | Method, device and apparatus for generating dynamic icons based fonts |
-
2017
- 2017-06-15 CN CN201710452563.8A patent/CN107301046B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1664861A (en) * | 2004-09-22 | 2005-09-07 | 冯彦 | Method for making and displaying dynamic marks |
| CN101630340A (en) * | 2009-05-27 | 2010-01-20 | 江西九江供电公司 | Graphic-object-oriented single-line diagram vector drawing tool of distribution network |
| CN101751383A (en) * | 2009-12-30 | 2010-06-23 | 北京天融信科技有限公司 | Method for describing network topology by using SVG |
| CN102054280A (en) * | 2010-11-29 | 2011-05-11 | 广东威创视讯科技股份有限公司 | Method and device for rapidly generating vector diagram |
| CN102929912A (en) * | 2012-09-10 | 2013-02-13 | 新浪网技术(中国)有限公司 | Method and system for generating microblog pictures |
| CN104699833A (en) * | 2015-03-31 | 2015-06-10 | 北京奇艺世纪科技有限公司 | Picture presentation method, picture storage method, picture presentation device and picture storage device |
| CN106055295A (en) * | 2016-05-24 | 2016-10-26 | 腾讯科技（深圳）有限公司 | Picture processing method and device, and picture drawing method and device |
| CN106843639A (en) * | 2016-12-26 | 2017-06-13 | 上海与德信息技术有限公司 | The display methods of icon and the display device of icon |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107301046A (en) | 2017-10-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107301046B (en) | Icon processing method and device, computer equipment and storage medium | |
| US9117314B2 (en) | Information output apparatus, method, and recording medium for displaying information on a video display | |
| CN109815451B (en) | PDF (Portable document Format) generation method, device and equipment | |
| US9619440B2 (en) | Document conversion apparatus | |
| US9141596B2 (en) | System and method for processing markup language templates from partial input data | |
| CN110780868A (en) | Website development method, device, equipment and storage medium based on componentized template | |
| DE102016015381A1 (en) | Using Bloom filters to simplify the expansion and subdivision of a dynamic font | |
| CN111553131A (en) | PSD file analysis method, device, equipment and readable storage medium | |
| CN105956133B (en) | Method and device for displaying file on intelligent terminal | |
| US9977771B2 (en) | System and method for printable document viewer optimization | |
| CN114791988A (en) | Browser-based PDF file analysis method, system and storage medium | |
| CN111223155A (en) | Image data processing method, image data processing device, computer equipment and storage medium | |
| CN110674437A (en) | Method and device for converting webpage data into PDF (Portable document Format) attachment | |
| CN115268904A (en) | User interface design file generation method, device, equipment and medium | |
| CN113762235A (en) | Method and device for detecting page overlapping area | |
| US20180032487A1 (en) | Scalable vector graphics bundles | |
| CN106874252A (en) | A kind of document identification and display methods and its mobile terminal | |
| US9965446B1 (en) | Formatting a content item having a scalable object | |
| CN105260353A (en) | Typesetting method and device for mobile terminal | |
| US20150269131A1 (en) | Content conversion apparatus and method, and communication system | |
| US9116643B2 (en) | Retrieval of electronic document using hardcopy document | |
| CN113835684B (en) | Method and device for automatically generating picture configuration file | |
| KR101984058B1 (en) | Template application system and method using the file format svg | |
| US20100017708A1 (en) | Information output apparatus, information output method, and recording medium | |
| CN114676097A (en) | OFD file processing method, device, equipment and medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |