CN110989905A - Information processing method and device, electronic equipment and storage medium - Google Patents
Information processing method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN110989905A CN110989905A CN201911312552.5A CN201911312552A CN110989905A CN 110989905 A CN110989905 A CN 110989905A CN 201911312552 A CN201911312552 A CN 201911312552A CN 110989905 A CN110989905 A CN 110989905A
- Authority
- CN
- China
- Prior art keywords
- display interface
- graph
- graphs
- determining
- graphic
- 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.)
- Pending
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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
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 present disclosure relates to an information processing method and apparatus, an electronic device, and a storage medium, the method including: displaying a first display interface, wherein the first display interface comprises a plurality of drawing graphs; in response to receiving an operation instruction of a user on the first display interface, determining a target graph located in a second display interface from the plurality of drawing graphs, wherein the second display interface is an operation result interface of the operation instruction; and drawing the target graph as a drawing object in the second display interface. The embodiment of the disclosure can reduce the drawing amount of the graph.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to an information processing method and apparatus, an electronic device, and a storage medium.
Background
When annotating images based on a web interface, complex graphics can be drawn, for example, through a Canvas (Canvas) in HTML 5. In the related technology, the overall clearing of the graph is carried out in the process of drawing the graph through the canvas every time, and then the graph is drawn globally, so that the drawing amount is large.
Disclosure of Invention
The present disclosure proposes an information processing technical solution.
According to an aspect of the present disclosure, there is provided an information processing method including: displaying a first display interface, wherein the first display interface comprises a plurality of drawing graphs; in response to receiving an operation instruction of a user on the first display interface, determining a target graph located in a second display interface from the plurality of drawing graphs, wherein the second display interface is an operation result interface of the operation instruction; and drawing the target graph as a drawing object in the second display interface.
In some possible implementations, the target graphic includes a first rendered graphic having a portion located within the second display interface and another portion located outside of the second display interface; the drawing the target graph as a drawing object in the second display interface comprises: and drawing the part of the first drawing graph, which is positioned in the second display interface, as a drawing object.
In some possible implementations, the drawing the portion of the first drawing graphic located in the second display interface as a drawing object includes: under the condition that the first drawing graph is a frame graph, determining a plurality of line segment elements positioned in the second display interface in the frame of the first drawing graph according to the position of the first drawing graph relative to the second display interface; and drawing the line segment elements respectively as drawing objects.
In some possible implementations, the drawing the portion of the first drawing graphic located in the second display interface as a drawing object includes: under the condition that the first drawing graph is a filling graph, determining a part of the first drawing graph, which is positioned in the second display interface, according to the position of the first drawing graph relative to the second display interface; intercepting the first drawing graph into a second drawing graph based on the part located in the second display interface; and drawing the second drawing graph as a drawing object.
In some possible implementations, the determining, in response to receiving an operation instruction of the first display interface from a user, a target graphic located in a second display interface from the plurality of drawn graphics includes: determining the positions of operation result graphs corresponding to the drawing graphs relative to the second display interface according to the positions of the drawing graphs in the first display interface and the operation instruction; and determining a target graph positioned in the second display interface from the plurality of drawing graphs according to the positions of the operation result graphs corresponding to the plurality of drawing graphs relative to the second display interface and the canvas position of the second display interface.
In some possible implementations, the first display interface and the second display interface include web page interfaces, and the plurality of drawing graphics include annotation boxes.
According to an aspect of the present disclosure, there is provided an interface display apparatus including: the display module is used for displaying a first display interface, wherein the first display interface comprises a plurality of drawing graphs; the graph determining module is used for determining a target graph positioned in a second display interface from the plurality of drawing graphs in response to receiving an operation instruction of a user on the first display interface, wherein the second display interface is an operation result interface of the operation instruction; and the drawing module is used for drawing the target graph as a drawing object in the second display interface.
According to an aspect of the present disclosure, there is provided an electronic device including: a processor; a memory for storing processor-executable instructions; wherein the processor is configured to invoke the memory-stored instructions to perform the above-described method.
According to an aspect of the present disclosure, there is provided a computer readable storage medium having stored thereon computer program instructions which, when executed by a processor, implement the above-described method.
In the embodiment of the disclosure, the target graph in the operation result interface can be determined from the plurality of drawing graphs and the target graph can be drawn in the operation result interface under the condition that the operation instruction of the user on the first display interface is received, so that only the graph in the interface view field is drawn, the graph outside the view field is not drawn, the drawing amount of the graph is reduced, and the graph drawing efficiency is improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure. Other features and aspects of the present disclosure will become apparent from the following detailed description of exemplary embodiments, which proceeds with reference to the accompanying drawings.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure.
Fig. 1 shows a flowchart of an information processing method according to an embodiment of the present disclosure.
Fig. 2 illustrates a schematic diagram of a first display interface of an information processing method according to an embodiment of the present disclosure.
Fig. 3 illustrates a schematic diagram of a second display interface of an information processing method according to an embodiment of the present disclosure.
Fig. 4 shows a block diagram of an information processing apparatus according to an embodiment of the present disclosure.
Fig. 5 shows a block diagram of an electronic device in accordance with an embodiment of the disclosure.
Fig. 6 illustrates a block diagram of an electronic device in accordance with an embodiment of the disclosure.
Detailed Description
Various exemplary embodiments, features and aspects of the present disclosure will be described in detail below with reference to the accompanying drawings. In the drawings, like reference numbers can indicate functionally identical or similar elements. While the various aspects of the embodiments are presented in drawings, the drawings are not necessarily drawn to scale unless specifically indicated.
The word "exemplary" is used exclusively herein to mean "serving as an example, embodiment, or illustration. Any embodiment described herein as "exemplary" is not necessarily to be construed as preferred or advantageous over other embodiments.
The term "and/or" herein is merely an association describing an associated object, meaning that three relationships may exist, e.g., a and/or B, may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the term "at least one" herein means any one of a plurality or any combination of at least two of a plurality, for example, including at least one of A, B, C, and may mean including any one or more elements selected from the group consisting of A, B and C.
Furthermore, in the following detailed description, numerous specific details are set forth in order to provide a better understanding of the present disclosure. It will be understood by those skilled in the art that the present disclosure may be practiced without some of these specific details. In some instances, methods, means, elements and circuits that are well known to those skilled in the art have not been described in detail so as not to obscure the present disclosure.
Fig. 1 illustrates a flowchart of an information processing method according to an embodiment of the present disclosure, which includes, as illustrated in fig. 1:
in step S11, displaying a first display interface, wherein the first display interface includes a plurality of drawing figures;
in step S12, in response to receiving an operation instruction of the first display interface from a user, determining a target graphic located in a second display interface from the plurality of drawn graphics, where the second display interface is an operation result interface of the operation instruction;
in step S13, the target graphic is rendered as a rendering object in the second display interface.
In some possible implementations, the information processing method may be performed by an electronic device such as a terminal device or a server, the terminal device may be a User Equipment (UE), a mobile device, a User terminal, a cellular phone, a cordless phone, a Personal Digital Assistant (PDA), a handheld device, a computing device, a vehicle-mounted device, a wearable device, or the like, and the method may be implemented by a processor calling a computer readable instruction stored in a memory. Alternatively, the method may be performed by a server.
According to the embodiment of the disclosure, the target graph in the operation result interface can be determined from the plurality of drawing graphs and drawn in the operation result interface under the condition that the operation instruction of the user on the first display interface is received, so that only the graph in the interface view field is drawn, the graph outside the view field is not drawn, and the drawing amount of the graph is reduced.
For example, the first display interface may be a front-end Web page (Web) interface on which an initial image may be displayed and a graphic may be drawn, for example, through a Canvas (Canvas) in HTML5, to accomplish tasks such as image annotation. The initial image may be an image captured by an image capture device (e.g., a camera) or an image obtained by other means, which is not limited by this disclosure.
In some possible implementations, in the image annotation task, a user may generally draw multiple drawing graphics in the same canvas, including the annotated image box (e.g., a rectangular box). Fig. 2 illustrates a schematic diagram of a first display interface of an information processing method according to an embodiment of the present disclosure. As shown in fig. 2, an initial image is displayed in the first display interface, and the canvas of the first display interface is drawn with a plurality of drawing figures (i.e., rectangular boxes) during initial rendering.
In some possible implementations, the initial position of each rendered graphic in the initial image includes initial coordinates of at least one vertex of the rendered graphic and a size of the rendered graphic. For a plurality of drawing graphs drawn in the canvas of the first display interface, the initial positions of the drawing graphs in the initial image can be respectively determined. The initial position includes initial coordinates of at least one vertex of the drawing figure and a size of the drawing figure.
In some possible implementations, a coordinate system may be established, for example, with any vertex of the initial image as an origin, so as to determine initial coordinates of each pixel point in the initial image. The initial coordinates of the vertex are also the initial coordinates (x, y) of the pixel point corresponding to the vertex. When the drawing graph is a rectangular frame, the size of the drawing graph comprises the width (width) and the height (height) of the rectangular frame; when the drawing figure is in other shapes (for example, any polygon), the content included in the size of the drawing figure may be determined according to the actual shape, and the present disclosure does not limit this.
In some possible implementations, the user may need to view a portion of the content (including a portion of the area of the initial image and a portion of the rendered graphic in the canvas) in a locally magnified fashion. Fig. 3 illustrates a schematic diagram of a second display interface of an information processing method according to an embodiment of the present disclosure. As shown in fig. 3, the second display interface is a partial image area of the initial image, and the canvas of the interface includes a part of the drawing graphics of the canvas of the first display interface, for example, the first graphics 31 which are all in the interface and the second graphics 32 which are partially in the interface.
In the related art, the overall removal of the graphics is performed in the process of drawing the graphics through the canvas each time, that is, the removal of the drawing graphics in the canvas of the whole first display interface is performed, and then the overall drawing of the drawing graphics is performed. When the number of the drawn graphs reaches a certain number, the number of the overall redraws is large, the graph drawing amount is large, and the interface display efficiency is poor.
In some possible implementations, when the user performs an operation (e.g., partial zoom-in) on the first display interface, an operation instruction of the user on the first display interface, such as a zoom-in instruction, a panning instruction, or the like, may be received. In step S12, in response to the operation instruction, an operation result interface (referred to as a second display interface) of the operation instruction may be determined, and a target graphic located within the second display interface may be determined from among the plurality of drawn graphics. Through the operation instruction, the plurality of drawing graphs may be enlarged, translated or otherwise deformed, which is not limited in the embodiment of the present disclosure. The second display interface can display a partial area of the first display interface. The target graphic may include a first rendered graphic having a portion within the second display interface and another portion outside of the second display interface, and a third rendered graphic entirely within the second display interface.
In some possible implementations, in step S13, the target graphic may be rendered as a rendering object in the second display interface, that is, the rendering object does not include a rendering graphic that is not located in the second display interface among the plurality of rendering graphics. The present disclosure is not limited to the particular manner of drawing.
In some possible implementations, step S12 may include:
determining the positions of operation result graphs corresponding to the drawing graphs relative to the second display interface according to the positions of the drawing graphs in the first display interface and the operation instruction;
and determining a target graph positioned in the second display interface from the plurality of drawing graphs according to the positions of the operation result graphs corresponding to the plurality of drawing graphs relative to the second display interface and the canvas position of the second display interface.
For example, according to the operation instruction, the corresponding area of the second display interface can be determined. For example, the displacement coordinates (offsetX, offsetY) of the layer of the current canvas of the second display interface and the width and height (size. Therefore, according to the initial positions of the plurality of drawn graphs drawn in the first display interface, the positions of the operation result graphs corresponding to the plurality of drawn graphs relative to the second display interface, namely the position coordinates of each operation result graph in the second display interface can be determined. In the case where the drawing figure is a rectangle, the relative position of the operation result figure of the ith drawing figure may be expressed as (x)i，yi，widthi，heighti) Wherein (x)i，yi) Coordinates, width, of the lower left vertex of the operation result graph representing the ith drawing graphiAnd heightiRespectively representing the width and the height of the operation result graph of the ith drawing graph, wherein i represents the number of the drawing graphs, i is more than or equal to 1 and less than or equal to N, i is an integer, and N is the number of the drawing graphs.
In some possible implementation manners, a target graph in the second display interface may be determined from the plurality of drawing graphs according to positions of operation result graphs corresponding to the plurality of drawing graphs relative to the second display interface and a canvas position of the second display interface. That is, whether the operation result graph of each drawing graph is in the second display interface is determined respectively; and determining all the third drawing graphs in the second display interface and part of the first drawing graphs in the second display interface as target graphs.
For example, the relative position (x) of any one operation result graph can be determinedi，yi，widthi，heighti) And a canvas position (size. width, size. height), determining that the operation result graphic is outside the second display interface (i.e., out of view), entirely within the second display interface (i.e., within view), and partially within the second display interface (i.e., on the border).
In some possible implementations, the operation result graphic of the ith drawn graphic may be determined to be outside the second display interface if the operation result graphic satisfies at least one of the following conditions:
xi+widthi<0；xi>size.width；yi+heighti<0；yi>size.height。
under the condition that the conditions are met, the operation result graphs exceed the range displayed by the second display interface and can not be considered in drawing.
In some possible implementations, if the operation result graph of the ith drawing graph satisfies the following condition, it may be determined that the operation result graph is all in the second display interface:
xi>0&&xi+widthi<size.width&&yi>0&&yi+heighti<size.height。
and under the condition that the conditions are met, the operation result graphs are all positioned in the second display interface and are third drawing graphs, and complete drawing can be performed.
In some possible implementations, if the operation result graphic of the ith drawn graphic satisfies at least one of the following conditions, it may be determined that the operation result graphic is partially in the second display interface and the other portion is out of the second display interface:
xi<0&&xi+widthi>0&&xi+widthi<size.width；
xi>0&&xi<size.width&&xi+widthi>size.width；
yi<0&&yi+heighti>0&&yi+heighti<size.height；
yi>0&&yi<size.height&&yi+heighti<size.height。
when the above conditions are satisfied, the operation result graph is respectively located on the left boundary/upper boundary/right boundary/lower boundary of the second display interface, and is a first drawing graph, and partial drawing can be performed.
After the position relationship between each operation result graph and the second display interface is respectively determined, part of the first drawing graph located in the second display interface and all the third drawing graphs located in the second display interface can be determined as target graphs to be drawn. In this way, the drawing figure to be drawn can be determined from the operation result figures of the plurality of drawing figures.
In some possible implementations, the step S13 of drawing the target graphic as the drawing object in the second display interface may include: and drawing the part of the first drawing graph, which is positioned in the second display interface, as a drawing object. That is, only a portion of the first drawn graphic that is within the second display interface may be drawn, thereby reducing the amount of drawing of the graphic.
In some possible implementations, the target graphic may include a border graphic (i.e., the graphic includes only lines of the border) and a fill graphic (i.e., the graphic includes the border and content filled in the border).
In some possible implementations, the step of drawing, with the portion of the first drawing graphic located within the second display interface as a drawing object, includes:
under the condition that the first drawing graph is a frame graph, determining a plurality of line segment elements positioned in the second display interface in the frame of the first drawing graph according to the position of the first drawing graph relative to the second display interface; and drawing the line segment elements respectively as drawing objects.
As shown in fig. 3, if the second graphic 32 (which is the first drawing graphic) is a border graphic, the border of the second graphic 32 includes three line segment elements, i.e., one line segment in the horizontal direction and two line segments in the vertical direction, in the second display interface. From the position of the second graphic 32, the relative position of the various line segment elements, each of which may be represented as (x)1，y1，x2，y2)，(x1，y1) And (x)2，y2) Respectively representing the coordinates of the two vertices of the line segment element. In this way, according to the relative position of each line segment element, the plurality of line segment elements can be respectively used as drawing objects, and the line segment elements are respectively drawn in the second display interface through the canvas, so that the drawing process of the second graphic 32 (first drawing graphic) is realized.
For example, the first drawing figure is a rectangular box with a relative position of (-20, -30, 100, 200), and the frame thereof includes two line segment elements in the interface, respectively denoted as a1(0, 170, 80, 170) and a2(80, 170, 80, 0), and the drawing of the rectangular box can be realized by drawing the line segment elements a1 and a2 in the second display interface through a canvas, respectively.
By the method, the drawing of the first drawing graph can be converted into the drawing of the line segment elements, the drawing process is simplified, and the drawing amount is reduced.
In some possible implementations, the step S13 of drawing the target graphic as the drawing object in the second display interface may include:
under the condition that the first drawing graph is a filling graph, determining a part of the first drawing graph, which is positioned in the second display interface, according to the position of the first drawing graph relative to the second display interface; intercepting the first drawing graph into a second drawing graph based on the part located in the second display interface; and drawing the second drawing graph as a drawing object.
As shown in fig. 3, if the second graphic 32 (which is the first drawn graphic) is a filled graphic, the second graphic 32 includes a portion in the interface that is within the second display interface. According to the position of the second graphic 32 relative to the second display interface, the portion of the second graphic 32 located in the second display interface may be intercepted as a second drawing graphic, and the relative position of the second drawing graphic, that is, the vertex coordinate, the width, and the height of the second drawing graphic, may be determined. In this way, the second drawing graph can be drawn as a drawing object, and the second drawing graph can be drawn in the second display interface through the canvas. In this way, the first drawing pattern can be cut into small partial patterns for drawing, reducing the drawing amount.
For a third drawing graphic that is entirely within the second display interface, the third drawing graphic may be fully drawn through the canvas (e.g., the first graphic 31 in fig. 3). The drawing manner corresponds to the shape and type of the drawing figure, which is not limited by the present disclosure.
In some possible implementation manners, after all the target graphics in the interface are drawn, the drawn second display interface can be displayed, so that the whole process of drawing and displaying the second display interface is completed.
According to the information processing method disclosed by the embodiment of the disclosure, only the graph in the interface view field can be drawn, and the graph partially in the interface can be cut and converted. Compared with the prior art in which the graphics in the current view window are removed and then the overall graphics rendering is carried out, the method reduces the graphics rendering in the view field, reduces the drawing amount of the overall graphics and achieves the effect of performance optimization.
According to the embodiment of the disclosure, the method and the device can be applied to a graphical tool (such as a marking tool) of a webpage end with performance requirements, and can optimize the performance, so that the tool can run smoothly, and the use experience of a user is improved.
It is understood that the above-mentioned method embodiments of the present disclosure can be combined with each other to form a combined embodiment without departing from the logic of the principle, which is limited by the space, and the detailed description of the present disclosure is omitted. Those skilled in the art will appreciate that in the above methods of the specific embodiments, the specific order of execution of the steps should be determined by their function and possibly their inherent logic.
In addition, the present disclosure also provides an information processing apparatus, an electronic device, a computer-readable storage medium, and a program, which can be used to implement any one of the information processing methods provided by the present disclosure, and the descriptions and corresponding descriptions of the corresponding technical solutions and the corresponding descriptions in the methods section are omitted for brevity.
Fig. 4 shows a block diagram of an information processing apparatus according to an embodiment of the present disclosure, which includes, as shown in fig. 4:
a display module 41, configured to display a first display interface, where the first display interface includes a plurality of drawing graphs;
the graph determining module 42 is configured to, in response to receiving an operation instruction of the first display interface by a user, determine a target graph located in a second display interface from the plurality of drawn graphs, where the second display interface is an operation result interface of the operation instruction;
and a drawing module 43, configured to draw the target graphic as a drawing object in the second display interface.
In some possible implementations, the target graphic includes a first rendered graphic having a portion located within the second display interface and another portion located outside of the second display interface; the drawing module includes: and drawing the part of the first drawing graph, which is positioned in the second display interface, as a drawing object.
In some possible implementations, the rendering module includes: the first determining submodule is used for determining a plurality of line segment elements positioned in the second display interface in the border of the first drawing graph according to the position of the first drawing graph relative to the second display interface under the condition that the first drawing graph is a border graph; and the first drawing submodule is used for drawing the line segment elements respectively as drawing objects.
In some possible implementations, the rendering module includes: the second determining submodule is used for determining the part, located in the second display interface, of the first drawing graph according to the position, relative to the second display interface, of the first drawing graph under the condition that the first drawing graph is the filling graph; the intercepting submodule is used for intercepting the first drawing graph into a second drawing graph based on the part positioned in the second display interface; and the second drawing submodule is used for drawing the second drawing graph as a drawing object.
In some possible implementations, the graph determination module includes: the position determining submodule is used for determining the positions of operation result graphs corresponding to the drawing graphs relative to the second display interface according to the positions of the drawing graphs in the first display interface and the operation instruction; and the graph determining submodule is used for determining a target graph positioned in the second display interface from the plurality of drawing graphs according to the positions of the operation result graphs corresponding to the plurality of drawing graphs relative to the second display interface and the canvas position of the second display interface.
In some possible implementations, the first display interface and the second display interface include web page interfaces, and the plurality of drawing graphics include annotation boxes.
In some embodiments, functions of or modules included in the apparatus provided in the embodiments of the present disclosure may be used to execute the method described in the above method embodiments, and specific implementation thereof may refer to the description of the above method embodiments, and for brevity, will not be described again here.
Embodiments of the present disclosure also provide a computer-readable storage medium having stored thereon computer program instructions, which when executed by a processor, implement the above-mentioned method. The computer readable storage medium may be a non-volatile computer readable storage medium.
An embodiment of the present disclosure further provides an electronic device, including: a processor; a memory for storing processor-executable instructions; wherein the processor is configured to invoke the memory-stored instructions to perform the above-described method.
The embodiments of the present disclosure also provide a computer program product, which includes computer readable code, and when the computer readable code runs on a device, a processor in the device executes instructions for implementing the information processing method provided in any one of the above embodiments.
The embodiments of the present disclosure also provide another computer program product for storing computer readable instructions, which when executed cause a computer to perform the operations of the information processing method provided in any of the above embodiments.
The electronic device may be provided as a terminal, server, or other form of device.
Fig. 5 illustrates a block diagram of an electronic device 800 in accordance with an embodiment of the disclosure. For example, the electronic device 800 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, or the like terminal.
Referring to fig. 5, electronic device 800 may include one or more of the following components: processing component 802, memory 804, power component 806, multimedia component 808, audio component 810, input/output (I/O) interface 812, sensor component 814, and communication component 816.
The processing component 802 generally controls overall operation of the electronic device 800, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing components 802 may include one or more processors 820 to execute instructions to perform all or a portion of the steps of the methods described above. Further, the processing component 802 can include one or more modules that facilitate interaction between the processing component 802 and other components. For example, the processing component 802 can include a multimedia module to facilitate interaction between the multimedia component 808 and the processing component 802.
The memory 804 is configured to store various types of data to support operations at the electronic device 800. Examples of such data include instructions for any application or method operating on the electronic device 800, contact data, phonebook data, messages, pictures, videos, and so forth. The memory 804 may be implemented by any type or combination of volatile or non-volatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.
The power supply component 806 provides power to the various components of the electronic device 800. The power components 806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the electronic device 800.
The multimedia component 808 includes a screen that provides an output interface between the electronic device 800 and a user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 808 includes a front facing camera and/or a rear facing camera. The front camera and/or the rear camera may receive external multimedia data when the electronic device 800 is in an operation mode, such as a shooting mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.
The audio component 810 is configured to output and/or input audio signals. For example, the audio component 810 includes a Microphone (MIC) configured to receive external audio signals when the electronic device 800 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 804 or transmitted via the communication component 816. In some embodiments, audio component 810 also includes a speaker for outputting audio signals.
The I/O interface 812 provides an interface between the processing component 802 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.
The sensor assembly 814 includes one or more sensors for providing various aspects of state assessment for the electronic device 800. For example, the sensor assembly 814 may detect an open/closed state of the electronic device 800, the relative positioning of components, such as a display and keypad of the electronic device 800, the sensor assembly 814 may also detect a change in the position of the electronic device 800 or a component of the electronic device 800, the presence or absence of user contact with the electronic device 800, orientation or acceleration/deceleration of the electronic device 800, and a change in the temperature of the electronic device 800. Sensor assembly 814 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 814 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 814 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
The communication component 816 is configured to facilitate wired or wireless communication between the electronic device 800 and other devices. The electronic device 800 may access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 816 receives a broadcast signal or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 816 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
In an exemplary embodiment, the electronic device 800 may be implemented by one or more Application Specific Integrated Circuits (ASICs), Digital Signal Processors (DSPs), Digital Signal Processing Devices (DSPDs), Programmable Logic Devices (PLDs), Field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors or other electronic components for performing the above-described methods.
In an exemplary embodiment, a non-transitory computer-readable storage medium, such as the memory 804, is also provided that includes computer program instructions executable by the processor 820 of the electronic device 800 to perform the above-described methods.
Fig. 6 illustrates a block diagram of an electronic device 1900 in accordance with an embodiment of the disclosure. For example, the electronic device 1900 may be provided as a server. Referring to fig. 6, electronic device 1900 includes a processing component 1922 further including one or more processors and memory resources, represented by memory 1932, for storing instructions, e.g., applications, executable by processing component 1922. The application programs stored in memory 1932 may include one or more modules that each correspond to a set of instructions. Further, the processing component 1922 is configured to execute instructions to perform the above-described method.
The electronic device 1900 may also include a power component 1926 configured to perform power management of the electronic device 1900, a wired or wireless network interface 1950 configured to connect the electronic device 1900 to a network, and an input/output (I/O) interface 1958. The electronic device 1900 may operate based on an operating system stored in memory 1932, such as Windows Server, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, or the like.
In an exemplary embodiment, a non-transitory computer readable storage medium, such as the memory 1932, is also provided that includes computer program instructions executable by the processing component 1922 of the electronic device 1900 to perform the above-described methods.
The present disclosure may be systems, methods, and/or computer program products. The computer program product may include a computer-readable storage medium having computer-readable program instructions embodied thereon for causing a processor to implement various aspects of the present disclosure.
The computer readable storage medium may be a tangible device that can hold and store the instructions for use by the instruction execution device. The computer readable storage medium may be, for example, but not limited to, an electronic memory device, a magnetic memory device, an optical memory device, an electromagnetic memory device, a semiconductor memory device, or any suitable combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a Static Random Access Memory (SRAM), a portable compact disc read-only memory (CD-ROM), a Digital Versatile Disc (DVD), a memory stick, a floppy disk, a mechanical coding device, such as punch cards or in-groove projection structures having instructions stored thereon, and any suitable combination of the foregoing. Computer-readable storage media as used herein is not to be construed as transitory signals per se, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through a waveguide or other transmission medium (e.g., optical pulses through a fiber optic cable), or electrical signals transmitted through electrical wires.
The computer-readable program instructions described herein may be downloaded from a computer-readable storage medium to a respective computing/processing device, or to an external computer or external storage device via a network, such as the internet, a local area network, a wide area network, and/or a wireless network. The network may include copper transmission cables, fiber optic transmission, wireless transmission, routers, firewalls, switches, gateway computers and/or edge servers. The network adapter card or network interface in each computing/processing device receives computer-readable program instructions from the network and forwards the computer-readable program instructions for storage in a computer-readable storage medium in the respective computing/processing device.
The computer program instructions for carrying out operations of the present disclosure may be assembler instructions, Instruction Set Architecture (ISA) instructions, machine-related instructions, microcode, firmware instructions, state setting data, or source or object code written in any combination of one or more programming languages, including an object oriented programming language such as Smalltalk, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The computer-readable program instructions may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider). In some embodiments, the electronic circuitry that can execute the computer-readable program instructions implements aspects of the present disclosure by utilizing the state information of the computer-readable program instructions to personalize the electronic circuitry, such as a programmable logic circuit, a Field Programmable Gate Array (FPGA), or a Programmable Logic Array (PLA).
Various aspects of the present disclosure are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the disclosure. It will be understood that each block of the flowchart illustrations and/or block diagrams, and combinations of blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer-readable program instructions.
These computer-readable program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions/acts specified in the flowchart and/or block diagram block or blocks. These computer-readable program instructions may also be stored in a computer-readable storage medium that can direct a computer, programmable data processing apparatus, and/or other devices to function in a particular manner, such that the computer-readable medium storing the instructions comprises an article of manufacture including instructions which implement the function/act specified in the flowchart and/or block diagram block or blocks.
The computer readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other devices to cause a series of operational steps to be performed on the computer, other programmable apparatus or other devices to produce a computer implemented process such that the instructions which execute on the computer, other programmable apparatus or other devices implement the functions/acts specified in the flowchart and/or block diagram block or blocks.
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of instructions, which comprises one or more executable instructions for implementing the specified logical function(s). In some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The computer program product may be embodied in hardware, software or a combination thereof. In an alternative embodiment, the computer program product is embodied in a computer storage medium, and in another alternative embodiment, the computer program product is embodied in a Software product, such as a Software Development Kit (SDK), or the like.
Having described embodiments of the present disclosure, the foregoing description is intended to be exemplary, not exhaustive, and not limited to the disclosed embodiments. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is chosen in order to best explain the principles of the embodiments, the practical application, or improvements made to the technology in the marketplace, or to enable others of ordinary skill in the art to understand the embodiments disclosed herein.
Claims (14)
1. An information processing method characterized by comprising:
displaying a first display interface, wherein the first display interface comprises a plurality of drawing graphs;
in response to receiving an operation instruction of a user on the first display interface, determining a target graph located in a second display interface from the plurality of drawing graphs, wherein the second display interface is an operation result interface of the operation instruction;
and drawing the target graph as a drawing object in the second display interface.
2. The method of claim 1, wherein the target graphic comprises a first rendered graphic having a portion located within the second display interface and another portion located outside of the second display interface;
the drawing the target graph as a drawing object in the second display interface comprises:
and drawing the part of the first drawing graph, which is positioned in the second display interface, as a drawing object.
3. The method according to claim 2, wherein the drawing the portion of the first drawing graphic located within the second display interface as a drawing object comprises:
under the condition that the first drawing graph is a frame graph, determining a plurality of line segment elements positioned in the second display interface in the frame of the first drawing graph according to the position of the first drawing graph relative to the second display interface;
and drawing the line segment elements respectively as drawing objects.
4. The method according to claim 2, wherein the drawing the portion of the first drawing graphic located within the second display interface as a drawing object comprises:
under the condition that the first drawing graph is a filling graph, determining a part of the first drawing graph, which is positioned in the second display interface, according to the position of the first drawing graph relative to the second display interface;
intercepting the first drawing graph into a second drawing graph based on the part located in the second display interface;
and drawing the second drawing graph as a drawing object.
5. The method according to any one of claims 1-4, wherein the determining, in response to receiving an operation instruction of the first display interface from a user, a target graphic located in a second display interface from the plurality of drawn graphics comprises:
determining the positions of operation result graphs corresponding to the drawing graphs relative to the second display interface according to the positions of the drawing graphs in the first display interface and the operation instruction;
and determining a target graph positioned in the second display interface from the plurality of drawing graphs according to the positions of the operation result graphs corresponding to the plurality of drawing graphs relative to the second display interface and the canvas position of the second display interface.
6. The method of any of claims 1-5, wherein the first display interface and the second display interface comprise web interfaces and the plurality of drawing graphics comprise callout boxes.
7. An information processing apparatus characterized by comprising:
the display module is used for displaying a first display interface, wherein the first display interface comprises a plurality of drawing graphs;
the graph determining module is used for determining a target graph positioned in a second display interface from the plurality of drawing graphs in response to receiving an operation instruction of a user on the first display interface, wherein the second display interface is an operation result interface of the operation instruction;
and the drawing module is used for drawing the target graph as a drawing object in the second display interface.
8. The apparatus of claim 7, wherein the target graphic comprises a first rendered graphic having a portion within the second display interface and another portion outside of the second display interface; the drawing module includes:
and drawing the part of the first drawing graph, which is positioned in the second display interface, as a drawing object.
9. The apparatus of claim 8, wherein the rendering module comprises:
the first determining submodule is used for determining a plurality of line segment elements positioned in the second display interface in the border of the first drawing graph according to the position of the first drawing graph relative to the second display interface under the condition that the first drawing graph is a border graph;
and the first drawing submodule is used for drawing the line segment elements respectively as drawing objects.
10. The apparatus of claim 8, wherein the rendering module comprises:
the second determining submodule is used for determining the part, located in the second display interface, of the first drawing graph according to the position, relative to the second display interface, of the first drawing graph under the condition that the first drawing graph is the filling graph;
the intercepting submodule is used for intercepting the first drawing graph into a second drawing graph based on the part positioned in the second display interface;
and the second drawing submodule is used for drawing the second drawing graph as a drawing object.
11. The apparatus of any of claims 7-10, wherein the graph determination module comprises:
the position determining submodule is used for determining the positions of operation result graphs corresponding to the drawing graphs relative to the second display interface according to the positions of the drawing graphs in the first display interface and the operation instruction;
and the graph determining submodule is used for determining a target graph positioned in the second display interface from the plurality of drawing graphs according to the positions of the operation result graphs corresponding to the plurality of drawing graphs relative to the second display interface and the canvas position of the second display interface.
12. The apparatus of any of claims 7-11, wherein the first display interface and the second display interface comprise web interfaces and the plurality of drawing graphics comprise callout boxes.
13. An electronic device, comprising:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to invoke the memory-stored instructions to perform the method of any of claims 1 to 6.
14. A computer readable storage medium having computer program instructions stored thereon, which when executed by a processor implement the method of any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911312552.5A CN110989905A (en) | 2019-12-18 | 2019-12-18 | Information processing method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911312552.5A CN110989905A (en) | 2019-12-18 | 2019-12-18 | Information processing method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110989905A true CN110989905A (en) | 2020-04-10 |
Family
ID=70095690
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911312552.5A Pending CN110989905A (en) | 2019-12-18 | 2019-12-18 | Information processing method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110989905A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113496109A (en) * | 2021-07-05 | 2021-10-12 | 北京华大九天科技股份有限公司 | Method, device, storage medium and electronic equipment for displaying rectangular polygon |
| CN113835792A (en) * | 2020-06-23 | 2021-12-24 | 北京字节跳动网络技术有限公司 | Method and device for drawing page elements |
| CN114764358A (en) * | 2021-01-13 | 2022-07-19 | 华为技术有限公司 | Interface display method and electronic equipment |
| WO2023035888A1 (en) * | 2021-09-08 | 2023-03-16 | 华为技术有限公司 | Display method, electronic device, and storage medium |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101742149A (en) * | 2008-11-04 | 2010-06-16 | 乐金电子(中国)研究开发中心有限公司 | Digital television with font enlarging function and font enlarging method thereof |
| CN102930575A (en) * | 2011-08-08 | 2013-02-13 | 腾讯科技（深圳）有限公司 | Method and device for drawing auxiliary graphs and information terminal |
| CN104572967A (en) * | 2014-12-30 | 2015-04-29 | 北京奇虎科技有限公司 | Method and device for drawing pattern on page |
| US20150268828A1 (en) * | 2014-03-18 | 2015-09-24 | Panasonic Intellectual Property Management Co., Ltd. | Information processing device and computer program |
| CN105045604A (en) * | 2015-08-25 | 2015-11-11 | 广州视睿电子科技有限公司 | Method and system for drawing graph |
| CN105224163A (en) * | 2014-06-17 | 2016-01-06 | 北京新媒传信科技有限公司 | Interface display method and device |
| CN105425101A (en) * | 2014-09-17 | 2016-03-23 | 南方电网科学研究院有限责任公司 | Electric power system fault recording playback method |
| CN105608319A (en) * | 2015-12-21 | 2016-05-25 | 江苏康克移软软件有限公司 | Digital pathological section labeling method and device |
| CN110286992A (en) * | 2019-07-02 | 2019-09-27 | 中国工商银行股份有限公司 | The method and device that interface figure is redrawn |
-
2019
- 2019-12-18 CN CN201911312552.5A patent/CN110989905A/en active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101742149A (en) * | 2008-11-04 | 2010-06-16 | 乐金电子(中国)研究开发中心有限公司 | Digital television with font enlarging function and font enlarging method thereof |
| CN102930575A (en) * | 2011-08-08 | 2013-02-13 | 腾讯科技（深圳）有限公司 | Method and device for drawing auxiliary graphs and information terminal |
| US20150268828A1 (en) * | 2014-03-18 | 2015-09-24 | Panasonic Intellectual Property Management Co., Ltd. | Information processing device and computer program |
| CN105224163A (en) * | 2014-06-17 | 2016-01-06 | 北京新媒传信科技有限公司 | Interface display method and device |
| CN105425101A (en) * | 2014-09-17 | 2016-03-23 | 南方电网科学研究院有限责任公司 | Electric power system fault recording playback method |
| CN104572967A (en) * | 2014-12-30 | 2015-04-29 | 北京奇虎科技有限公司 | Method and device for drawing pattern on page |
| CN105045604A (en) * | 2015-08-25 | 2015-11-11 | 广州视睿电子科技有限公司 | Method and system for drawing graph |
| CN105608319A (en) * | 2015-12-21 | 2016-05-25 | 江苏康克移软软件有限公司 | Digital pathological section labeling method and device |
| CN110286992A (en) * | 2019-07-02 | 2019-09-27 | 中国工商银行股份有限公司 | The method and device that interface figure is redrawn |
Non-Patent Citations (2)
| Title |
|---|
| 诸海生 等: "《Visual Basic程序设计教程》", 28 February 2011, 中国铁道出版社 * |
| 陈爽，贺荣著: "《HTML5与JavaScript程序设计》", 30 November 2012, 北京交通大学出版社 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113835792A (en) * | 2020-06-23 | 2021-12-24 | 北京字节跳动网络技术有限公司 | Method and device for drawing page elements |
| CN114764358A (en) * | 2021-01-13 | 2022-07-19 | 华为技术有限公司 | Interface display method and electronic equipment |
| CN113496109A (en) * | 2021-07-05 | 2021-10-12 | 北京华大九天科技股份有限公司 | Method, device, storage medium and electronic equipment for displaying rectangular polygon |
| WO2023035888A1 (en) * | 2021-09-08 | 2023-03-16 | 华为技术有限公司 | Display method, electronic device, and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110989905A (en) | Information processing method and device, electronic equipment and storage medium | |
| CN112465843A (en) | Image segmentation method and device, electronic equipment and storage medium | |
| CN109285126B (en) | Image processing method and device, electronic equipment and storage medium | |
| EP3147802B1 (en) | Method and apparatus for processing information | |
| CN112907760B (en) | Three-dimensional object labeling method and device, tool, electronic equipment and storage medium | |
| CN110989901B (en) | Interactive display method and device for image positioning, electronic equipment and storage medium | |
| CN108900903B (en) | Video processing method and device, electronic equipment and storage medium | |
| CN111445414A (en) | Image processing method and device, electronic equipment and storage medium | |
| CN112541971A (en) | Point cloud map construction method and device, electronic equipment and storage medium | |
| CN112860061A (en) | Scene image display method and device, electronic equipment and storage medium | |
| CN110874809A (en) | Image processing method and device, electronic equipment and storage medium | |
| CN111861942A (en) | Noise reduction method and device, electronic equipment and storage medium | |
| CN110989884A (en) | Image positioning operation display method and device, electronic equipment and storage medium | |
| CN112508020A (en) | Labeling method and device, electronic equipment and storage medium | |
| CN112269620A (en) | Display method and device, electronic equipment and storage medium | |
| CN105955637B (en) | Method and device for processing text input box | |
| CN111354444A (en) | Pathological section image display method and device, electronic equipment and storage medium | |
| CN111784773A (en) | Image processing method and device and neural network training method and device | |
| CN110233927B (en) | Call request access interface display method and device | |
| CN112437090B (en) | Resource loading method and device, electronic equipment and storage medium | |
| CN112651880B (en) | Video data processing method and device, electronic equipment and storage medium | |
| CN105975188B (en) | Picture position adjusting method and device | |
| CN111275191B (en) | Method and device for detecting cells, electronic equipment and storage medium | |
| CN107145441B (en) | Page display method and device | |
| CN111078346B (en) | Target object display method and device, electronic equipment and storage 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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200410 |
|
| RJ01 | Rejection of invention patent application after publication |