CN113835792A - Method and device for drawing page elements - Google Patents

Method and device for drawing page elements Download PDF

Info

Publication number
CN113835792A
CN113835792A CN202010580564.2A CN202010580564A CN113835792A CN 113835792 A CN113835792 A CN 113835792A CN 202010580564 A CN202010580564 A CN 202010580564A CN 113835792 A CN113835792 A CN 113835792A
Authority
CN
China
Prior art keywords
display
graph
scaling
amount
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.)
Granted
Application number
CN202010580564.2A
Other languages
Chinese (zh)
Other versions
CN113835792B (en
Inventor
不公告发明人
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202010580564.2A priority Critical patent/CN113835792B/en
Publication of CN113835792A publication Critical patent/CN113835792A/en
Application granted granted Critical
Publication of CN113835792B publication Critical patent/CN113835792B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04806Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Image Generation (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

The embodiment of the disclosure discloses a method and a device for drawing page elements. One embodiment of the method comprises: acquiring the relative position of a target graph area relative to an original graph where the target graph area is located; in response to detecting a scaling operation for the display graphics, determining a transformation amount of a region for drawing the graphics corresponding to the display graphics scaled by the scaling amount according to the scaling amount indicated by the scaling operation, wherein the display graphics are display results of the original graphics; transforming the region according to the transformation amount, and determining the position of the target graphic region in the transformed region according to the relative position; drawing the corresponding page element at the determined position of the target graphic region. The embodiment realizes the quick positioning of the target graphic area so as to accurately draw the corresponding page element.

Description

Method and device for drawing page elements
Technical Field
The embodiment of the disclosure relates to the technical field of computers, in particular to a method and a device for drawing page elements.
Background
With the vigorous development of mobile internet services, the internet is more popular. The mobile terminal provides services to users through various types of applications that can be installed thereon to meet the users' different needs. Many end applications may involve presenting various visual components (e.g., images, graphics, controls, etc.) to a user and receiving user interactions with respect to the visual components to complete functional interactions.
In some cases, when a terminal presents content or performs an operation of a corresponding user to the user, a large amount of coordinate transformation is usually required to locate a position where the content to be presented is located, and then draw the corresponding content at the corresponding position. For example, when an image is received from a server and displayed, and an editing operation (such as zooming, panning, modifying, etc.) performed by a user on the displayed image is received, it is generally necessary to calculate the position of each image area in the displayed image in which a specified content is presented according to coordinate transformation, and then draw the corresponding content at the position of each image area.
Disclosure of Invention
The embodiment of the disclosure provides a method and a device for drawing page elements.
In a first aspect, an embodiment of the present disclosure provides a method for drawing a page element, the method including: acquiring the relative position of a target graph area relative to an original graph where the target graph area is located; in response to detecting a scaling operation for the display graphics, determining a transformation amount of a region for drawing the graphics corresponding to the display graphics scaled by the scaling amount according to the scaling amount indicated by the scaling operation, wherein the display graphics are display results of the original graphics; transforming the region according to the transformation amount, and determining the position of the target graphic region in the transformed region according to the relative position; drawing the corresponding page element at the determined position of the target graphic region.
In some embodiments, the determining, according to the zoom amount indicated by the zoom operation, that the area for drawing the graphic corresponds to the transformation amount of the display graphic zoomed by the zoom amount includes: the amount of transformation for drawing the region of the graphic is determined in accordance with the amount of scaling instructed by the scaling operation, the initial display size and/or the initial display position of the displayed graphic.
In some embodiments, the determining, according to the zoom amount indicated by the zoom operation and the initial display size of the display graphic, an amount of transformation by which the region for drawing the graphic corresponds to the display graphic zoomed by the zoom amount includes: acquiring the size of a loaded graph, wherein the loaded graph is a loading result of an original graph; determining an initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loaded graph; a zoom amount and an initial zoom amount indicated by a zoom operation are determined as a transformation amount for drawing a region of a graphic.
In some embodiments, the determining, according to the zoom amount indicated by the zoom operation and the initial display position of the display graphic, a transformation amount by which the region for drawing the graphic corresponds to the display graphic zoomed by the zoom amount includes: acquiring the offset of the initial display position of the display graph relative to the position of the parent container of the display graph; determining a scaling offset of the display graph corresponding to the parent container of the display graph according to the scaling amount indicated by the scaling operation; a scaling amount and a scaling offset amount indicated by a scaling operation are determined as a transformation amount for drawing an area of a graphic.
In some embodiments, the determining, according to the zoom amount indicated by the zoom operation, the initial display size of the display graphic, and the initial display position, an amount of transformation by which the region for drawing the graphic corresponds to the display graphic zoomed by the zoom amount includes: acquiring the size of a loaded graph, wherein the loaded graph is a loading result of an original graph; determining an initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loaded graph; acquiring the offset of the initial display position of the display graph corresponding to the position of the parent container of the display graph; determining a scaling offset of the display graph corresponding to the parent container of the display graph according to the scaling amount indicated by the scaling operation; the zoom amount, initial zoom amount, and zoom offset amount indicated by the zoom operation are determined as the transformation amount for drawing the graphics.
In some embodiments, the relative position of the target graphic region with respect to the original graphic on which it is located is expressed in terms of a percentage.
In some embodiments, the original graphic is a Bitmap image.
In a second aspect, an embodiment of the present disclosure provides an apparatus for drawing a page element, the apparatus including: the acquisition unit is configured to acquire the relative position of the target graphic area relative to the original graphic where the target graphic area is located; a first determination unit configured to determine, in response to detection of a scaling operation for a display graphic, a conversion amount by which an area for drawing the graphic corresponds to the display graphic scaled by the scaling amount, in accordance with the scaling amount instructed by the scaling operation, wherein the display graphic is a display result of an original graphic; a second determination unit configured to transform the region for drawing the figure by the transformation amount, and determine a position of the target figure region in the transformed region based on the relative position; a drawing unit configured to draw the corresponding page element at the determined position of the target graphic region.
In some embodiments, the first determining unit is further configured to: the amount of transformation for drawing the region of the graphic is determined in accordance with the amount of scaling instructed by the scaling operation, the initial display size and/or the initial display position of the displayed graphic.
In some embodiments, the first determining unit is further configured to: acquiring the size of a loaded graph, wherein the loaded graph is a loading result of an original graph; determining an initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loaded graph; a zoom amount and an initial zoom amount indicated by a zoom operation are determined as a transformation amount for drawing a region of a graphic.
In some embodiments, the first determining unit is further configured to: acquiring the offset of the initial display position of the display graph relative to the position of the parent container of the display graph; determining a scaling offset of the display graph corresponding to the parent container of the display graph according to the scaling amount indicated by the scaling operation; a scaling amount and a scaling offset amount indicated by a scaling operation are determined as a transformation amount for drawing an area of a graphic.
In some embodiments, the first determining unit is further configured to: acquiring the size of a loaded graph, wherein the loaded graph is a loading result of an original graph; determining an initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loaded graph; acquiring the offset of the initial display position of the display graph corresponding to the position of the parent container of the display graph; determining a scaling offset of the display graph corresponding to the parent container of the display graph according to the scaling amount indicated by the scaling operation; the zoom amount, initial zoom amount, and zoom offset amount indicated by the zoom operation are determined as the transformation amount for drawing the graphics.
In some embodiments, the relative position of the target graphic region with respect to the original graphic on which it is located is expressed in terms of a percentage.
In some embodiments, the original graphic is a Bitmap image.
In a third aspect, an embodiment of the present disclosure provides a terminal, where the electronic device includes: one or more processors; storage means for storing one or more programs; when the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the method as described in any implementation of the first aspect.
In a fourth aspect, embodiments of the present disclosure provide a computer-readable medium on which a computer program is stored, which computer program, when executed by a processor, implements the method as described in any of the implementations of the first aspect.
According to the method and the device for drawing the page elements, when the zooming operation for the display graph is detected, the transformation amount of the area for drawing the graph, which corresponds to the zoomed display graph, is determined according to the zooming amount of the zoom operation instruction on the display graph, and the area for drawing the graph is transformed based on the transformation amount, so that the position of the target graph area can be directly determined according to the relative position of the target graph area relative to the original graph, the content to be presented corresponding to the target graph area can be drawn at the determined position of the target graph area, the coordinate transformation and calculation of the target graph area according to the zooming operation on the display graph are avoided, the operation amount is reduced, and the drawing speed of the page elements is improved.
Drawings
Other features, objects and advantages of the disclosure will become more apparent upon reading of the following detailed description of non-limiting embodiments thereof, made with reference to the accompanying drawings in which:
FIG. 1 is an exemplary system architecture diagram in which one embodiment of the present disclosure may be applied;
FIG. 2 is a flow diagram for one embodiment of a method for rendering page elements, according to the present disclosure;
FIG. 3 is a flow diagram of yet another embodiment of a method for rendering page elements according to the present disclosure;
FIG. 4 is a flow diagram of yet another embodiment of a method for rendering page elements according to the present disclosure;
FIG. 5 is a schematic diagram of an embodiment of an apparatus for rendering page elements, according to the present disclosure;
FIG. 6 is a schematic structural diagram of an electronic device suitable for use in implementing embodiments of the present disclosure.
Detailed Description
The present disclosure is described in further detail below with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the relevant invention and not restrictive of the invention. It should be noted that, for convenience of description, only the portions related to the related invention are shown in the drawings.
It should be noted that, in the present disclosure, the embodiments and features of the embodiments may be combined with each other without conflict. The present disclosure will be described in detail below with reference to the accompanying drawings in conjunction with embodiments.
Fig. 1 illustrates an exemplary architecture 100 to which embodiments of the method for rendering page elements or the apparatus for rendering page elements of the present disclosure may be applied.
As shown in fig. 1, the system architecture 100 may include terminal devices 101, 102, 103, a network 104, and a server 105. The network 104 serves as a medium for providing communication links between the terminal devices 101, 102, 103 and the server 105. Network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few.
The terminal devices 101, 102, 103 interact with a server 105 via a network 104 to receive or send messages or the like. Various client applications may be installed on the terminal devices 101, 102, 103. For example, browser-like applications, search-like applications, instant messaging-like applications, social platform software, information flow-like applications, education-like applications, shopping-like applications, and the like.
The terminal apparatuses 101, 102, and 103 may be hardware or software. When the terminal devices 101, 102, 103 are hardware, they may be various electronic devices including, but not limited to, smart phones, tablet computers, e-book readers, laptop portable computers, desktop computers, and the like. When the terminal apparatuses 101, 102, 103 are software, they can be installed in the electronic apparatuses listed above. It may be implemented as multiple pieces of software or software modules (e.g., multiple pieces of software or software modules to provide distributed services) or as a single piece of software or software module. And is not particularly limited herein.
The server 105 may be a server providing various services, such as a server providing back-end support for client applications installed on the terminal devices 101, 102, 103. The server 105 may issue an image or the like to the client application installed on the terminal device 101, 102, 103 so that the client application installed on the terminal device 101, 102, 103 presents the image or the like.
The images and the like may be directly stored in the local area of the terminal apparatuses 101, 102, and 103. At this time, the terminal apparatuses 101, 102, 103 may directly extract locally stored images or the like for presentation. At this time, the server 105 and the network 104 may not exist.
It should be noted that the method for drawing page elements provided by the embodiments of the present disclosure is generally performed by the terminal devices 101, 102, 103, and accordingly, the apparatus for drawing page elements is generally disposed in the terminal devices 101, 102, 103.
It should be noted that various applications may be installed in the server 105, and the server 105 may also display images and the like based on the installed applications. At this time, the method for rendering the page element may be executed by the server 105, and accordingly, the apparatus for rendering the page element may be provided in the server 105. At this point, exemplary system architecture 100 may be absent of terminal devices 101, 102, 103 and network 104.
The server 105 may be hardware or software. When the server 105 is hardware, it may be implemented as a distributed server cluster composed of a plurality of servers, or may be implemented as a single server. When the server 105 is software, it may be implemented as multiple pieces of software or software modules (e.g., multiple pieces of software or software modules used to provide distributed services), or as a single piece of software or software module. And is not particularly limited herein.
It should be understood that the number of terminal devices, networks, and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.
With continued reference to FIG. 2, a flow 200 of one embodiment of a method for rendering page elements in accordance with the present disclosure is shown. The method for drawing page elements comprises the following steps:
step 201, obtaining the relative position of the target graph area relative to the original graph where the target graph area is located.
In this embodiment, the execution subject of the method for drawing page elements (e.g. terminal devices 101, 102, 103, etc. shown in fig. 1) may obtain the relative position of the target graphic region with respect to the original graphic where the target graphic region is located from a server (e.g. server 105), other storage device, or locally by means of wired connection or wireless connection.
The original graphics may be various contents for the above-described execution subject drawing and presentation. For example, the original pattern may be a composite pattern formed by combining several geometric patterns. As another example, the original graphic may be various components (e.g., page controls such as buttons, text boxes, etc.). Also for example, the original graphics may be various types of images or pictures, or the like.
The target graphic region may be a designated region on the original graphic. The target graphic region may be previously designated by a technician. The target graphic region may also be determined according to preset conditions. For example, the target graphic region may be a region for presenting specified content. At this time, the target graphic region may be determined based on various graphic processing techniques (e.g., artificial intelligence based graphic processing techniques, etc.).
In some optional implementations of this embodiment, the original graphic may be a Bitmap image. At this time, the target graphic region is an image region included in the image.
As an example, for an image in which job content is presented, an area in which a title is presented included in the image may be regarded as a target image area.
The relative position of the target graphic region with respect to the original graphic on which it is located can be used to characterize the positional relationship and dimensional relationship between the target graphic region and the original graphic. The relative position of the target graphic area relative to the original graphic can be flexibly expressed in various modes according to the actual application requirements.
In some optional implementations of this embodiment, the relative position of the target graphic region with respect to the original graphic in which it is located may be expressed using a percentage. For example, the percentage of the vertex coordinates of the target graphic region relative to the size of the original graphic may be calculated.
After the original graph is loaded and displayed by the execution main body, the absolute position coordinates of the target graph area in the original graph where the target graph area is located can change along with the change of the displayed graph. Therefore, the relative position of the target graphic area relative to the original graphic where the target graphic area is located is represented in a percentage mode, and the position where the target graphic area is located after graphic transformation is conveniently calculated according to the percentage.
In response to detecting the scaling operation for the display graphics, a step 202 determines, according to the scaling amount indicated by the scaling operation, a transformation amount by which the area for drawing the graphics corresponds to the display graphics scaled by the scaling amount.
In this embodiment, the displayed graph may be a display result of the original graph. In other words, the original graphics may refer to content to be displayed, and the display graphics may be a display result presented after the execution subject displays the original graphics.
It should be noted that, different settings (such as different operating systems, different display methods, etc.) of the execution subject may cause the original graphics and the corresponding display graphics to be different in size, scale, etc. Of course, the original graphic and the corresponding displayed graphic may also be the same.
The zoom operation for the display graphics may be various user operations that the execution subject can detect. It should be understood that the zoom operation may be different in different application scenarios. For example, the zoom operation may be a designated gesture operation (such as a double-finger operation) by the user, a click operation for a button for instructing zooming, and the like.
The execution body may pre-design a correspondence between the scaling operation and the scaling amount instructed by the execution body. Thus, according to the detected zooming operation, the zooming amount of the displayed graph indicated by the zooming operation can be determined according to the preset corresponding relation.
The area for drawing graphics may refer to an area for presenting display graphics. It should be appreciated that the area used to draw the graphics may vary according to different attributes of the execution subject described above (e.g., operating system differences, etc.). For example, when the execution subject adopts an Android operating system, an area for drawing graphics may be a Canvas. At this time, various contents to be displayed can be drawn using Canvas.
The amount of transformation by which the area for drawing the graphic corresponds to the display graphic scaled by the scaling amount may refer to transformation to be correspondingly performed by the area for drawing the graphic as the display graphic is scaled in order to maintain a relative relationship with the position and size of the display graphic. In other words, the relative relationship of the transformed region for drawing graphics to the position and size of the scaled display graphics is kept unchanged.
For example, the position and size of the region for drawing the figure after the transformation may be calculated based on the relative relationship between the position and size of the region for drawing the figure and the display figure recorded in advance and the position and size of the display figure after the scaling, so that the relative relationship between the position and size of the region for drawing the figure after the transformation and the display figure after the scaling is maintained.
Step 203, according to the transformation amount, transforming the region for drawing the graph, and determining the position of the target graph region in the transformed region according to the relative position.
In this embodiment, after the region for drawing a graphic is transformed, since the relative relationship between the transformed region for drawing a graphic and the position and size of the scaled display graphic remains unchanged, the position of the target graphic region in the scaled display graphic, that is, the position of the target graphic region in the transformed region can be calculated directly from the relative position of the target graphic region in the original graphic with respect to the original graphic, the size of the display graphic, and the scaling amount. Thus, the position coordinate conversion of the target graphic region can be avoided by the conversion processing such as scaling or shifting of the region for drawing the graphic.
And step 204, drawing the corresponding page element at the position of the determined target graphic area.
In this embodiment, a page element may refer to various content that may be rendered on a page. For example, page elements may be various types of controls (e.g., text boxes, check boxes, etc.). As another example, a page element may include an image or a picture, etc.
After the location of the target graphics region is determined, the page element that is expected to be rendered at the target graphics region may be rendered at the location of the target graphics region.
In some optional implementations of the embodiment, the area for drawing the graphic may be determined to correspond to a transformation amount of the display graphic scaled by the scaling amount according to the scaling amount indicated by the scaling operation, the initial display size of the display graphic, and/or the initial display position.
The initial display size of the display graphic may refer to a size of the display graphic which is first presented by the execution main body and is not transformed by the user operation. The initial display position of the display graphic may refer to a position where the display graphic, which is presented by the execution main body for the first time and is not transformed by the user operation, is located.
Thus, the amount of conversion for the display figure can be accurately determined from the initial display size and/or initial display position of the display figure to accurately determine the amount of conversion for the area for drawing the figure.
Alternatively, the conversion amount of the area for drawing the graphic corresponding to the display graphic scaled by the scaling amount indicated by the scaling operation may be determined in accordance with the scaling amount indicated by the scaling operation, the initial display size of the display graphic, by:
step one, obtaining the size of a loaded graph.
In this step, the loaded graph may be a loading result of the original graph. In other words, loading the graphics may refer to a loading result of the execution subject loading the original graphics from a local storage device, a server, or another storage device.
For example, the execution body may load the original graph from the server to the local, that is, the loaded graph is obtained. And then, the execution main body can display the loaded graph loaded to the local to obtain the display graph.
In this step, the size of the loaded graphics can be obtained by decoding or the like of the loaded graphics.
And step two, determining the initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loaded graph.
In this step, since the loaded graphic and the corresponding displayed graphic may differ in size or the like in some cases. At this time, the initial scaling amount corresponding to the display graphics may be determined according to the initial display size of the display graphics and the size of the loaded graphics.
In general, when the initial display size of the display graphic includes a width and a height, and the size of the loaded graphic includes a width and a height, a ratio of the width of the display graphic to the width of the loaded graphic may be determined as an initial scaling amount in the width direction, and a ratio of the height of the display graphic to the height of the loaded graphic may be determined as an initial scaling amount in the height direction.
And step three, determining the scaling amount instructed by the scaling operation and the determined initial scaling amount as the conversion amount of the display graph after the area for drawing the graph corresponds to the scaling according to the scaling amount instructed by the scaling operation.
In this step, after determining the transformation amount for drawing the graphic region, the region for drawing the graphic may be correspondingly scaled by the scaling amount indicated by the scaling operation, and the region for drawing the graphic may be correspondingly scaled by the initial scaling amount, thereby obtaining the transformed region.
Therefore, for the situation that the loaded graph and the corresponding display graph are different in size and the like, the initial scaling amount corresponding to the display graph can be determined, so that the area for drawing the graph is correspondingly scaled, the accuracy of the determined transformation amount of the area for drawing the graph is improved, and the page elements are accurately drawn.
Alternatively, the conversion amount of the area for drawing the graphic corresponding to the display graphic scaled by the scaling amount indicated by the scaling operation may be determined in accordance with the scaling amount indicated by the scaling operation, the initial display position of the display graphic, by:
step one, acquiring the offset of the initial display position of the display graph relative to the position of the parent container of the display graph.
In this step, the parent container corresponding to the display graphics may be determined according to the layout of the page where the display graphics are located. Generally, the layout of a page has a hierarchical structure like a tree. As an example, the parent container to which the display graphic corresponds may be a parent View of the View (View) in which the display graphic is located.
In some cases, there may be some space (e.g., margins, etc.) between the boundary of the display graphic and the boundary of its parent container. At this time, the amount of offset between the parent container and the display graphics may be determined according to the position of the parent container and the initial display position of the display graphics.
It should be noted that the specific calculation process of the offset between the two may be different according to the difference of the constructed coordinate system, the difference of the graphic display method, and the like.
As an example, if the geometric center of the display figure is the same as the geometric center of its parent container, in this case, the width difference may be obtained by subtracting the width of the display figure from the width of the parent container of the display figure, and half of the width difference may be determined as the amount of shift in the width direction. Similarly, the height difference may be obtained by subtracting the height of the display graphic from the height of the parent container of the display graphic, and half of the height difference may be determined as the amount of offset in the height direction. Based on this, the amounts of offset in the width direction and the height direction determined respectively can be taken as the amounts of offset between the display figure and the parent container thereof.
And step two, determining the zooming offset of the display graph corresponding to the parent container according to the zooming amount indicated by the zooming operation.
In this step, the zoom amount indicated by the zoom operation may include a zoom amount in the horizontal direction and a zoom amount in the vertical direction. Wherein, the horizontal direction and the vertical direction may correspond to the height direction and the width direction, respectively.
For example, the width direction is the horizontal direction, and the height direction is the vertical direction. At this time, the product of the amount of shift in the width direction and the amount of scaling in the horizontal direction may be determined as the amount of scaling shift in the horizontal direction, while the product of the amount of shift in the height direction and the amount of scaling in the vertical direction may be determined as the amount of scaling shift in the vertical direction.
And step three, determining the scaling amount instructed by the scaling operation and the determined scaling offset amount as the conversion amount of the display graph after the area used for drawing the graph corresponds to the scaling according to the scaling amount instructed by the scaling operation.
In this step, after determining the transformation amount for drawing the graphic region, the region for drawing the graphic may be correspondingly scaled according to the scaling amount indicated by the scaling operation, and the region for drawing the graphic may be correspondingly scaled according to the scaling offset amount, so as to obtain the transformed region.
Therefore, for the condition that a certain space exists between the boundary of the display graph and the boundary of the parent container, the scaling offset corresponding to the display graph can be determined, so that the corresponding scaling and offset are carried out on the region for drawing the graph, the accuracy of the determined transformation quantity of the region for drawing the graph is improved, and the page element is accurately drawn.
In the prior art, after the display graphics are zoomed, coordinate conversion needs to be performed according to the zoom amount of the display graphics, the position coordinates of the zoomed display graphics, the display position coordinates of the target graphics area, and the like, so as to calculate new position coordinates of the target graphics area.
According to the method provided by the embodiment of the disclosure, when the displayed graph is zoomed, the zoom corresponding to the displayed graph is determined, the region for drawing the graph is transformed, and then the region for drawing the graph is transformed correspondingly, so that the position of the target graph region can be determined in the transformed region by directly utilizing the relative position of the target graph region relative to the original graph where the target graph region is located, and then the corresponding page element can be drawn at the target region, and the position of the target graph region can be determined to draw the page element without performing complex coordinate transformation every time, thereby being beneficial to improving the speed of drawing the page element and the accuracy of the drawing position of the page element.
With further reference to FIG. 3, a flow 300 of yet another embodiment of a method for rendering a page element is shown. The process 300 of the method for rendering a page element includes the steps of:
step 301, obtaining the relative position of the target graph area relative to the original graph where the target graph area is located.
Step 302, in response to detecting the scaling operation for the display graphics, determining that the area for drawing the graphics corresponds to the transformation amount of the display graphics scaled by the scaling amount by the following steps 3021-3025:
step 3021, obtaining the size of the loaded graph.
And step 3022, determining an initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loaded graph.
Step 3023, an offset is obtained where the initial display position of the display graphic corresponds to the position of its parent container.
Step 3024, determining a zoom offset of the display graphic corresponding to its parent container according to the zoom amount indicated by the zoom operation.
The specific execution process of step 3021-3024 can refer to the related description in the corresponding embodiment of fig. 2, and is not described herein again.
In step 3025, the zoom amount, initial zoom amount, and zoom offset amount indicated by the zoom operation are determined as the conversion amounts for drawing the region of the graphic.
Step 303, transforming the region for drawing the graph according to the transformation amount, and determining the position of the target graph region in the transformed region according to the relative position.
In this step, after determining the transformation amount of the area for drawing the graphic, the area for drawing the graphic may be correspondingly scaled according to the scaling amount indicated by the scaling operation, and simultaneously the area for drawing the graphic may be correspondingly scaled according to the initial scaling amount, and simultaneously the area for drawing the graphic may be scaled and shifted according to the scaling shift amount, so as to obtain the transformed area.
And step 304, drawing the corresponding page element at the position of the determined target graphic area.
The specific implementation process of the steps 301-304 can refer to the related description in the corresponding embodiment of fig. 2, and will not be described herein again.
The above-described embodiments of the present disclosure provide a method for determining a transformation to be performed for an area for drawing a graphic by calculating an initial scaling amount and a scaling offset amount of a display graphic, in consideration of a case where a loaded graphic and a corresponding display graphic are different in size or the like and a certain space exists between a boundary of the display graphic and a boundary of its parent container when scaling the display graphic. Therefore, the accuracy of the transformation of the region can be ensured, so that the accuracy of the target graphic region positioned based on the relative position of the target graphic region relative to the original graphic where the target graphic region is positioned is ensured, and the accuracy of the drawing position of the page element is further ensured.
With continued reference to FIG. 4, a flow 400 of yet another embodiment of a method for rendering a page element is shown. The flow 400 of the method for rendering a page element includes the steps of:
step 401, receiving the relative position of the target image area sent by the server with respect to the original image where the target image area is located.
In this embodiment, the original image may be a Bitmap image. An execution body of the method for drawing the page element (such as a client application installed on the terminal devices 101, 102, 103 shown in fig. 1) may obtain the relative position issued by the server from the server to which the client application is connected.
Step 402, loading an original image from the server to obtain a loaded image corresponding to the original image, and decoding the loaded image to obtain the width and height of the loaded image.
And 403, initially displaying the loaded image to obtain a display image, determining the height and width of the display image as initial display dimensions, and determining the position of the display image as an initial display position.
In the present embodiment, the position where the image is displayed may include a horizontal direction (may correspond to a width direction) coordinate and a vertical direction (may correspond to a height direction) coordinate.
Step 404, in response to detecting the scaling operation for the display image, performing the following steps 4041-4044 to determine the transformation amount of the canvas corresponding to the display image scaled by the scaling amount:
in this embodiment, a Canvas (Canvas) may be a rectangular area used to draw an image. Paths, various graphics, characters, images, and the like can be drawn on the canvas using a relevant API (Application Programming Interface) provided by the canvas or a method developed in advance by a technician. The zoom amount indicated by the zoom operation may include a zoom amount in the horizontal direction and a zoom amount in the vertical direction
In step 4041, a first matrix is formed using the scaling amounts in the horizontal direction and the vertical direction indicated by the scaling operation.
Step 4042, determining a ratio of a width of the display image to a width of the loaded image as an initial scaling amount in the width direction, and determining a ratio of a height of the display image to a height of the loaded image as an initial scaling amount in the height direction, and forming a second matrix using the determined initial scaling amounts in the width direction and the height direction.
Step 4043, determine the width of the parent container of the display image minus the width of the display image to obtain a width difference, and determine half of the width difference as the amount of shift in the width direction, and determine the height of the parent container of the display image minus the height of the display image to obtain a height difference, and determine half of the height difference as the amount of shift in the height direction.
Step 4044, determining a product of the amount of shift in the width direction and the amount of scaling in the horizontal direction as the amount of scaling shift in the horizontal direction, and determining a product of the amount of shift in the height direction and the amount of scaling in the vertical direction as the amount of scaling shift in the vertical direction, and forming a third matrix using the determined amounts of scaling shift in the horizontal direction and the vertical direction.
Step 405, transforming the canvas by using the first matrix, the second matrix and the third matrix, and determining the position of the target image area in the transformed canvas.
In this embodiment, the Canvas may be transformed by using the first matrix, the second matrix, and the third matrix using a Concat () method of Canvas, and the target image area may be located based on a relative position of the target image area with respect to the original image where the target image area is located.
Step 406, drawing the page element corresponding to the target image area in the determined target image area.
It should be noted that the above specific calculation process of the present embodiment can be encapsulated in a custom View (View) class developed by a technician in advance. The specific execution process of the steps 401 and 406 can refer to the related description in the corresponding embodiments of fig. 2 and fig. 3, and will not be described herein again.
According to the method provided by the embodiment of the disclosure, when the scaling operation for the image displayed by the client application is detected, the initial scaling amount and the scaling offset of the displayed image are correspondingly transformed according to the scaling amount indicated by the scaling operation, so that the position of the target image area is not changed, the scaling and offset states of the displayed image do not need to be considered when the target image area and the page element are positioned, the target image area can be directly positioned according to the relative position of the target image area, and the page element on the target image area can be accurately drawn. Therefore, the process that the client application needs to perform a large amount of complex coordinate position conversion to position the target image area aiming at the zooming operation of the user can be avoided, so that the calculation amount of the client application is reduced, the workload of developers is reduced, and the performance of the client application is improved.
With further reference to fig. 5, as an implementation of the methods shown in the above figures, the present disclosure provides an embodiment of an apparatus for drawing page elements, which corresponds to the method embodiment shown in fig. 2, and which is particularly applicable to various electronic devices.
As shown in fig. 5, the apparatus 500 for drawing a page element provided by the present embodiment includes an obtaining unit 501, a first determining unit 502, a second determining unit 503, and a drawing unit 504. The acquisition unit is configured to acquire the relative position of the target graph area relative to the original graph where the target graph area is located; a first determination unit configured to determine, in response to detection of a scaling operation for a display graphic, a conversion amount by which an area for drawing the graphic corresponds to the display graphic scaled by the scaling amount, in accordance with the scaling amount instructed by the scaling operation, wherein the display graphic is a display result of an original graphic; a second determination unit configured to transform the region for drawing the figure by the transformation amount, and determine a position of the target figure region in the transformed region based on the relative position; a drawing unit configured to draw the corresponding page element at the determined position of the target graphic region.
In the present embodiment, in the apparatus 500 for drawing page elements: the specific processing of the obtaining unit 501, the first determining unit 502, the second determining unit 503 and the drawing unit 504 and the technical effects thereof can refer to the related descriptions of step 201, step 202, step 203 and step 204 in the corresponding embodiment of fig. 2, which are not described herein again.
In some optional implementations of the present embodiment, the first determining unit 502 is further configured to: the amount of transformation for drawing the region of the graphic is determined in accordance with the amount of scaling instructed by the scaling operation, the initial display size and/or the initial display position of the displayed graphic.
In some optional implementations of the present embodiment, the first determining unit 502 is further configured to: acquiring the size of a loaded graph, wherein the loaded graph is a loading result of an original graph; determining an initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loaded graph; a zoom amount and an initial zoom amount indicated by a zoom operation are determined as a transformation amount for drawing a region of a graphic.
In some optional implementations of the present embodiment, the first determining unit 502 is further configured to: acquiring the offset of the initial display position of the display graph relative to the position of the parent container of the display graph; determining a scaling offset of the display graph corresponding to the parent container of the display graph according to the scaling amount indicated by the scaling operation; a scaling amount and a scaling offset amount indicated by a scaling operation are determined as a transformation amount for drawing an area of a graphic.
In some optional implementations of the present embodiment, the first determining unit 502 is further configured to: acquiring the size of a loaded graph, wherein the loaded graph is a loading result of an original graph; determining an initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loaded graph; acquiring the offset of the initial display position of the display graph corresponding to the position of the parent container of the display graph; determining a scaling offset of the display graph corresponding to the parent container of the display graph according to the scaling amount indicated by the scaling operation; the zoom amount, initial zoom amount, and zoom offset amount indicated by the zoom operation are determined as the transformation amount for drawing the graphics.
In some alternative implementations of this embodiment, the relative position of the target graphic region with respect to the original graphic on which it is located is expressed in percentage.
In some optional implementations of this embodiment, the original graphic is a Bitmap image.
According to the device provided by the embodiment of the disclosure, the relative position of the target graph area relative to the original graph where the target graph area is located is obtained through the obtaining unit; a first determination unit that determines, in response to detection of a zoom operation for a display graphic, a transformation amount by which an area for drawing the graphic corresponds to the display graphic scaled by the zoom amount, in accordance with the zoom amount indicated by the zoom operation, wherein the display graphic is a display result of an original graphic; a second determination unit that converts the region for drawing the graphic according to the conversion amount and determines the position of the target graphic region in the converted region according to the relative position; the drawing unit draws the corresponding page element at the determined position of the target graphic region. Therefore, the calculation mode that the position of the target graphic area can be determined to draw the page element only by performing complex coordinate conversion every time can be avoided, the zoomed target graphic area is positioned by directly utilizing the relative position of the target graphic area relative to the original graphic, and the speed of drawing the page element and the accuracy of the drawing position of the page element are improved.
Referring now to fig. 6, shown is a schematic diagram of an electronic device (e.g., terminal device in fig. 1) 600 suitable for use in implementing embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like. The terminal device shown in fig. 6 is only an example, and should not bring any limitation to the functions and the use range of the embodiments of the present disclosure.
As shown in fig. 6, electronic device 600 may include a processing means (e.g., central processing unit, graphics processor, etc.) 601 that may perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)602 or a program loaded from a storage means 608 into a Random Access Memory (RAM) 603. In the RAM603, various programs and data necessary for the operation of the electronic apparatus 600 are also stored. The processing device 601, the ROM 602, and the RAM603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.
Generally, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. While fig. 6 illustrates an electronic device 600 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided. Each block shown in fig. 6 may represent one device or may represent multiple devices as desired.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication means 609, or may be installed from the storage means 608, or may be installed from the ROM 602. The computer program, when executed by the processing device 601, performs the above-described functions defined in the methods of embodiments of the present disclosure.
It should be noted that the computer readable medium described in the embodiments of the present disclosure may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, 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), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In embodiments of the disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In embodiments of the present disclosure, however, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
The computer readable medium may be included in the terminal device; or may exist separately without being assembled into the terminal device. The computer readable medium carries one or more programs which, when executed by the terminal device, cause the terminal device to: acquiring the relative position of a target graph area relative to an original graph where the target graph area is located; in response to detecting a scaling operation for the display graphics, determining a transformation amount of a region for drawing the graphics corresponding to the display graphics scaled by the scaling amount according to the scaling amount indicated by the scaling operation, wherein the display graphics are display results of the original graphics; transforming the region according to the transformation amount, and determining the position of the target graphic region in the transformed region according to the relative position; drawing the corresponding page element at the determined position of the target graphic region.
Computer program code for carrying out operations for embodiments of the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code 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).
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 code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, 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 units described in the embodiments of the present disclosure may be implemented by software or hardware. The described units may also be provided in a processor, and may be described as: a processor includes an acquisition unit, a first determination unit, a second determination unit, and a rendering unit. The names of these units do not in some cases constitute a limitation to the unit itself, and for example, the acquiring unit may also be described as a "unit that acquires the relative position of the target graphic region with respect to the original graphic where it is located".
The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the invention in the embodiments of the present disclosure is not limited to the specific combination of the above-mentioned features, but also encompasses other embodiments in which any combination of the above-mentioned features or their equivalents is made without departing from the inventive concept as defined above. For example, the above features and (but not limited to) technical features with similar functions disclosed in the embodiments of the present disclosure are mutually replaced to form the technical solution.

Claims (10)

1. A method for rendering a page element, comprising:
acquiring the relative position of a target graph area relative to an original graph where the target graph area is located;
in response to detecting a scaling operation for a display graph, determining a transformation amount of a region for drawing the graph corresponding to the display graph scaled according to the scaling amount indicated by the scaling operation, wherein the display graph is a display result of the original graph;
transforming the region according to the transformation amount, and determining the position of the target graphic region in the transformed region according to the relative position;
drawing the corresponding page element at the determined position of the target graphic area.
2. The method according to claim 1, wherein the determining, in accordance with the zoom amount indicated by the zoom operation, that the area for drawing the graphic corresponds to a transformation amount of the display graphic scaled by the zoom amount includes:
and determining the conversion quantity of the area for drawing the graph corresponding to the display graph after being scaled according to the scaling quantity, the initial display size and/or the initial display position of the display graph.
3. The method of claim 2, wherein determining, based on the scaling amount and an initial display size of the display graphic, an amount of transformation that an area for drawing the graphic corresponds to the display graphic scaled by the scaling amount comprises:
acquiring the size of a loaded graph, wherein the loaded graph is the loading result of the original graph;
determining an initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loading graph;
determining the scaling amount indicated by the scaling operation and the initial scaling amount as the transformation amount.
4. The method according to claim 2, wherein the determining, based on the scaling amount and the initial display position of the display graphic, that the area for drawing the graphic corresponds to the transformation amount of the display graphic scaled by the scaling amount comprises:
acquiring the offset of the initial display position of the display graph relative to the position of the parent container of the display graph;
determining a scaling offset of the display graph corresponding to a parent container of the display graph according to the scaling amount indicated by the scaling operation;
determining the scaling amount and the scaling offset amount indicated by the scaling operation as the transformation amount.
5. The method of claim 2, wherein said determining, based on the amount of scaling, an initial display size of the display graphic, and an initial display position, an amount of transformation for rendering the area of the graphic corresponding to the display graphic scaled by the amount of scaling comprises:
acquiring the size of a loaded graph, wherein the loaded graph is the loading result of the original graph;
determining an initial scaling amount corresponding to the display graph according to the initial display size of the display graph and the size of the loading graph;
acquiring the offset of the initial display position of the display graph corresponding to the position of the parent container of the display graph;
determining a scaling offset of the display graph corresponding to a parent container of the display graph according to the scaling amount indicated by the scaling operation;
determining the scaling amount indicated by the scaling operation, the initial scaling amount, and the scaling offset as the transformation amount.
6. The method according to one of claims 1 to 5, wherein the relative position of the target graphic area with respect to the original graphic on which it is located is expressed in percentage.
7. The method according to one of claims 1 to 5, wherein the original graphic is a Bitmap image.
8. An apparatus for rendering a page element, wherein the apparatus comprises:
the acquisition unit is configured to acquire the relative position of the target graphic area relative to the original graphic where the target graphic area is located;
a first determination unit configured to determine, in response to detection of a scaling operation for a display graphic, an amount of transformation that an area for drawing the graphic corresponds to the display graphic scaled by the scaling amount, in accordance with the scaling amount indicated by the scaling operation, wherein the display graphic is a display result of the original graphic;
a second determination unit configured to transform the region in accordance with the transformation amount, and determine a position of the target graphic region in the transformed region in accordance with the relative position;
a drawing unit configured to draw a corresponding page element at the determined position of the target graphic region.
9. A terminal, comprising:
one or more processors;
a storage device having one or more programs stored thereon;
when executed by the one or more processors, cause the one or more processors to implement the method of any one of claims 1-7.
10. A computer-readable medium, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1-7.
CN202010580564.2A 2020-06-23 2020-06-23 Method and device for drawing page element Active CN113835792B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010580564.2A CN113835792B (en) 2020-06-23 2020-06-23 Method and device for drawing page element

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010580564.2A CN113835792B (en) 2020-06-23 2020-06-23 Method and device for drawing page element

Publications (2)

Publication Number Publication Date
CN113835792A true CN113835792A (en) 2021-12-24
CN113835792B CN113835792B (en) 2024-07-05

Family

ID=78964040

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010580564.2A Active CN113835792B (en) 2020-06-23 2020-06-23 Method and device for drawing page element

Country Status (1)

Country Link
CN (1) CN113835792B (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109271085A (en) * 2018-08-24 2019-01-25 广州优视网络科技有限公司 Image display method, device and electronic equipment
CN109947972A (en) * 2017-10-11 2019-06-28 腾讯科技(深圳)有限公司 Reduced graph generating method and device, electronic equipment, storage medium
CN110989905A (en) * 2019-12-18 2020-04-10 深圳市商汤科技有限公司 Information processing method and device, electronic equipment and storage medium
CN111258483A (en) * 2020-01-20 2020-06-09 北京无限光场科技有限公司 Image zooming display method and device, computer equipment and readable medium

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109947972A (en) * 2017-10-11 2019-06-28 腾讯科技(深圳)有限公司 Reduced graph generating method and device, electronic equipment, storage medium
CN109271085A (en) * 2018-08-24 2019-01-25 广州优视网络科技有限公司 Image display method, device and electronic equipment
CN110989905A (en) * 2019-12-18 2020-04-10 深圳市商汤科技有限公司 Information processing method and device, electronic equipment and storage medium
CN111258483A (en) * 2020-01-20 2020-06-09 北京无限光场科技有限公司 Image zooming display method and device, computer equipment and readable medium

Also Published As

Publication number Publication date
CN113835792B (en) 2024-07-05

Similar Documents

Publication Publication Date Title
CN111399956B (en) Content display method and device applied to display equipment and electronic equipment
CN109857486B (en) Method, device, equipment and medium for processing program page data
CN111291244B (en) House source information display method, device, terminal and storage medium
CN110069191B (en) Terminal-based image dragging deformation implementation method and device
CN111190520A (en) Menu item selection method and device, readable medium and electronic equipment
CN111652675A (en) Display method and device and electronic equipment
CN114417782A (en) Display method and device and electronic equipment
CN110069186B (en) Method and equipment for displaying operation interface of application
CN111461965A (en) Picture processing method and device, electronic equipment and computer readable medium
CN112132859A (en) Sticker generation method, apparatus, medium, and electronic device
CN113835792B (en) Method and device for drawing page element
CN111290812B (en) Display method, device, terminal and storage medium of application control
CN112306339B (en) Method and apparatus for displaying image
CN111696214A (en) House display method and device and electronic equipment
CN111459597A (en) User guide generation method and device, electronic equipment and computer readable medium
CN113835791B (en) Method and apparatus for presenting hierarchical relationships of view components
CN114357348B (en) Display method and device and electronic equipment
CN113760414B (en) Method and device for drawing graph
CN112395826B (en) Text special effect processing method and device
CN112380821B (en) Graphic display method and device and electronic equipment
CN113763459B (en) Element position updating method and device, electronic equipment and storage medium
CN113726948B (en) Picture display method and device
CN117632220A (en) Live broadcast control and live broadcast management method, device, equipment, storage medium and program
CN118034551A (en) Display method and device and electronic equipment
CN116492679A (en) Page rendering method, device, medium and electronic equipment

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