CN111290754A - Component rendering method and device - Google Patents
Component rendering method and device Download PDFInfo
- Publication number
- CN111290754A CN111290754A CN202010076327.2A CN202010076327A CN111290754A CN 111290754 A CN111290754 A CN 111290754A CN 202010076327 A CN202010076327 A CN 202010076327A CN 111290754 A CN111290754 A CN 111290754A
- Authority
- CN
- China
- Prior art keywords
- component
- rendering
- container
- parent container
- range
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
The invention provides a component rendering method and a device, wherein the method comprises the following steps: when a component rendering instruction is received, acquiring parent container information and component information contained in the component rendering instruction, and creating a parent container; establishing a rectangular coordinate system by taking a container vertex of a parent container as an origin, and determining coordinate information of the parent container; dotting in the parent container to obtain fixed point coordinates of point positions and determine a placement mode of the target assembly; determining a rendering range according to the component information and the fixed point coordinates, and judging whether the rendering range exceeds the parent container; if the target component exceeds the parent container, adjusting the rendering range so as to ensure that the target component does not exceed the parent container; and rendering the target component in the parent container according to the adjusted rendering range and the adjusted placing mode. By the method, whether the target assembly is in the parent container during rendering is determined by establishing the rectangular coordinate system and a dotting mode, and when the target assembly is not in the parent container, the rendering range of the target assembly can be adjusted to ensure that the target assembly does not exceed the parent container during rendering.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a component rendering method and device.
Background
With the development of network technology, the display modes of information are diversified. In the process of browsing a webpage and watching a video, in order to meet the business requirements of a client, related components need to be rendered on a browser interface or a video interface, such as: rendering a taskbar and an applet window on a browser interface, rendering an advertisement picture on a video interface, and the like.
In the prior art, when a component is rendered on a current interface, a parent container is established in advance, and the rendering of the component is realized in the parent container. In the process of rendering components in a parent container, the current interface causes the components needing to be rendered in the parent container to exceed the parent container due to network or equipment abnormality and the like, so that the parts exceeding the parent container cannot be displayed on a page.
Disclosure of Invention
The present invention provides a component rendering method, by which whether a target component is in a parent container during rendering is determined according to a rectangular coordinate system established and a dotting manner, and when it is determined that the target component is not in the parent container, a rendering range of the target component can be adjusted to ensure that the target component is not out of the parent container during rendering.
The invention also provides a component rendering device which is used for ensuring the realization and the application of the method in practice.
A component rendering method, comprising:
when a component rendering instruction is received, acquiring parent container information contained in the component rendering instruction and component information of a target component to be rendered;
determining a current interface of the target component to be rendered based on the parent container information, and creating a parent container corresponding to the parent container information on the current interface;
establishing a rectangular coordinate system by taking any container vertex of the parent container as an origin, and determining coordinate information of the parent container in the rectangular coordinate system, wherein the coordinate information comprises container vertex coordinates corresponding to each container vertex of the parent container;
dotting any position in the parent container to obtain a fixed point coordinate of a dotted point position, and determining the placement mode of the target assembly according to the fixed point coordinate; the placement mode is that the vertex of any one component in the target component coincides with the point position;
determining a rendering range of the target component according to the component information and the fixed point coordinates, and judging whether the rendering range exceeds the parent container;
if the rendering range exceeds the parent container, adjusting the rendering range so that the target component does not exceed the parent container;
and rendering the target component in the parent container according to the adjusted rendering range and the placement mode.
Optionally, the creating a parent container corresponding to the parent container information on the current interface includes:
acquiring container length, container width and container position parameters contained in the parent container information;
and determining the interface position matched with the container position parameter in the current interface, and creating a parent container on the interface position according to the container length and the container width.
Optionally, the method for determining whether the rendering range exceeds the parent container includes:
acquiring lengths of all side lengths corresponding to the target assembly and contained in assembly information, and determining assembly vertex coordinates of all assembly vertexes of the target assembly in the rectangular coordinate system and contained in the rendering range according to the fixed point coordinates and the lengths of all the side lengths;
determining an abscissa range of the target assembly when rendering is carried out on an abscissa and an ordinate range of the target assembly when rendering is carried out on an ordinate according to the vertex coordinates of each container;
acquiring a component abscissa and a component ordinate in each component vertex coordinate, and judging whether each component abscissa belongs to the abscissa range and whether each component ordinate belongs to the ordinate range;
if any one of the assembly abscissas does not belong to the abscissa range or any one of the assembly ordinates does not belong to the ordinate range, determining that the rendering range exceeds the parent container;
and if the abscissa of each component belongs to the abscissa range and the ordinate of each component belongs to the ordinate range, determining that the rendering range does not exceed the parent container.
Optionally, the above method, wherein if the rendering range exceeds the parent container, adjusting the rendering range includes:
calculating the exceeding range of the rendering range exceeding the parent container according to the vertex coordinates of each component and the vertex coordinates of each container;
determining a moving mode for moving the point location in the parent container according to the exceeding range, and judging whether a rendering range obtained after the point location is moved exceeds the parent container or not according to the moving mode; wherein the moving modes comprise upward translation, downward translation, leftward translation and rightward translation;
and if the rendering range obtained after the point location is moved does not exceed the parent container, moving the position of the point location in the parent container according to the moving mode, and adjusting the rendering range along with the movement of the point location.
The above method, optionally, further includes:
if the rendering range obtained after the point location is moved exceeds the parent container, calculating the component size of the target component and the container size of the parent container according to the component information and the parent container information;
reducing the size of the component according to the size of the container to obtain the reduced size of the component, and determining the current fixed point coordinate of the point after movement;
determining a new rendering range of the target component within the parent container according to the current pointing coordinates and the reduced component size, and rendering the target component in the parent container according to the reduced component size according to the new rendering range.
A component rendering apparatus, comprising:
the device comprises an acquisition unit, a rendering unit and a rendering unit, wherein the acquisition unit is used for acquiring parent container information and component information of a target component to be rendered, which are contained in a component rendering instruction when the component rendering instruction is received;
the creating unit is used for determining a current interface of the target component to be rendered based on the parent container information and creating a parent container corresponding to the parent container information on the current interface;
a first determining unit, configured to establish a rectangular coordinate system with any container vertex of the parent container as an origin, and determine coordinate information of the parent container in the rectangular coordinate system, where the coordinate information includes container vertex coordinates corresponding to each container vertex of the parent container;
the second determining unit is used for dotting any position in the parent container, obtaining fixed point coordinates of the dotted point position and determining the placement mode of the target assembly according to the fixed point coordinates; the placement mode is that the vertex of any one component in the target component coincides with the point position;
the judging unit is used for determining the rendering range of the target assembly according to the assembly information and the fixed point coordinates and judging whether the rendering range exceeds the parent container or not;
an adjusting unit, configured to adjust the rendering range if the rendering range exceeds the parent container, so that the target component does not exceed the parent container;
and the rendering unit is used for rendering the target component in the parent container according to the adjusted rendering range and the placement mode.
The above apparatus, optionally, the creating unit includes:
the first acquiring subunit is used for acquiring the container length, the container width and the container position parameters contained in the parent container information;
and the creating child unit is used for determining the interface position matched with the container position parameter in the current interface and creating a parent container on the interface position according to the container length and the container width.
The above apparatus, optionally, the determining unit includes:
a second obtaining subunit, configured to obtain lengths of respective side lengths corresponding to the target components included in component information, and determine, according to the fixed point coordinates and the lengths of the respective side lengths, component vertex coordinates of respective component vertices of the target components included in the rendering range in the rectangular coordinate system;
the first determining subunit is used for determining an abscissa range of the target assembly during rendering on an abscissa and a ordinate range of the target assembly during rendering on an ordinate according to the vertex coordinates of each container;
the first judgment subunit is used for acquiring a component abscissa and a component ordinate in each component vertex coordinate, and judging whether each component abscissa belongs to the abscissa range and whether each component ordinate belongs to the ordinate range;
a second determining subunit, configured to determine that the rendering range exceeds the parent container if any one of the abscissa ranges of the components is not included, or any one of the ordinate ranges of the components is not included;
and the third determining subunit is configured to determine that the rendering range does not exceed the parent container if the abscissa of each component belongs to the abscissa range and the ordinate of each component belongs to the ordinate range.
The above apparatus, optionally, the adjusting unit includes:
a first calculating subunit, configured to calculate an out-of-range in which the rendering range exceeds the parent container, according to each of the component vertex coordinates and each of the container vertex coordinates;
a second determining subunit, configured to determine, according to the exceeding range, a moving manner in which the point location is moved in the parent container, and determine, according to the moving manner, whether a rendering range obtained after the point location is moved exceeds the parent container; wherein the moving modes comprise upward translation, downward translation, leftward translation and rightward translation;
and the adjusting child unit is used for moving the position of the point location in the parent container according to the moving mode if the rendering range obtained after the point location is moved does not exceed the parent container, and adjusting the rendering range along with the movement of the point location.
The above apparatus, optionally, further comprises:
a rendering child unit, configured to calculate, according to the component information and the parent container information, a component size of the target component and a container size of the parent container if a rendering range obtained after the point location is moved exceeds the parent container; reducing the size of the component according to the size of the container to obtain the reduced size of the component, and determining the current fixed point coordinate of the point after movement; determining a new rendering range of the target component within the parent container according to the current pointing coordinates and the reduced component size, and rendering the target component in the parent container according to the reduced component size according to the new rendering range.
A storage medium comprising stored instructions, wherein the instructions, when executed, control a device on which the storage medium is located to perform the component rendering method described above.
An electronic device comprising a memory, and one or more instructions stored in the memory and configured to be executed by one or more processors to perform the component rendering method described above.
Compared with the prior art, the invention has the following advantages:
the invention provides a component rendering method, which comprises the following steps: when a component rendering instruction is received, acquiring parent container information contained in the component rendering instruction and component information of a target component to be rendered; determining a current interface of the target component to be rendered based on the parent container information, and creating a parent container corresponding to the parent container information on the current interface; establishing a rectangular coordinate system by taking any container vertex of the parent container as an origin, and determining coordinate information of the parent container in the rectangular coordinate system, wherein the coordinate information comprises container vertex coordinates corresponding to each container vertex of the parent container; dotting any position in the parent container to obtain a fixed point coordinate of a dotted point position, and determining the placement mode of the target assembly according to the fixed point coordinate; the placement mode is that the vertex of any one component in the target component coincides with the point position; determining a rendering range of the target component according to the component information and the fixed point coordinates, and judging whether the rendering range exceeds the parent container; if the rendering range exceeds the parent container, adjusting the rendering range so that the target component does not exceed the parent container; and rendering the target component in the parent container according to the adjusted rendering range and the placement mode. By the method, whether the target assembly is in the parent container during rendering is determined by establishing the rectangular coordinate system and a dotting mode, and when the target assembly is determined not to be in the parent container, the rendering range of the target assembly can be adjusted to ensure that the target assembly does not exceed the parent container during rendering.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the provided drawings without creative efforts.
FIG. 1 is a flowchart of a method for rendering components according to an embodiment of the present invention;
FIG. 2 is a diagram illustrating an exemplary method for rendering components according to an embodiment of the present invention;
FIG. 3 is a flowchart of a method for rendering components according to an embodiment of the present invention;
FIG. 4 is a flowchart of a method for rendering components according to an embodiment of the present invention;
FIG. 5 is a diagram illustrating an apparatus structure of a component rendering apparatus according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
In this application, relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions, and the terms "comprises", "comprising", or any other variation thereof are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
The invention is operational with numerous general purpose or special purpose computing device environments or configurations. For example: personal computers, server computers, hand-held or portable devices, tablet-type devices, multi-processor apparatus, distributed computing environments that include any of the above devices or equipment, and the like.
An embodiment of the present invention provides a component rendering method, where the method may be applied to multiple system platforms, an execution subject of the method may be a computer terminal or a processor of various mobile devices, and a flowchart of the method is shown in fig. 1, and specifically includes:
s101: when a component rendering instruction is received, acquiring parent container information contained in the component rendering instruction and component information of a target component to be rendered;
in embodiments of the invention, when a user needs to render a component, component rendering instructions may be sent to the processor. Parent container information and component information of a target component to be rendered are included in the component rendering instruction. The parent container information includes a rendering position of the target component to be rendered, a container size of the parent container to be created, that is, information such as a side length and a width of the parent container to be created. The component information also includes information such as a component size of the target component, i.e., a side length of each side of the target component.
The parent container can be a component such as View, text, listview and the like, and can be used as a parent container, and the parent container can be used as a virtual frame after being created and is not displayed on a real interface. The target component is a sub-component rendered in the parent container, and the target component may be an advertisement picture, a program window, a menu bar, and the like. For example, if an advertisement picture needs to be inserted into the video playing interface, the video playing interface is a parent container, and the advertisement picture is a target component.
S102: determining a current interface of the target component to be rendered based on the parent container information, and creating a parent container corresponding to the parent container information on the current interface;
in the embodiment of the present invention, since the parent container information includes the rendering position of the target component to be rendered, and the container size of the parent container to be created, the current interface of the target component to be rendered is determined according to the rendering position. Wherein, the current interface can be all interfaces of available display components such as a web page interface, a video interface and the like. A parent container is created at the rendering position specified on the current interface.
The size of the parent container may be created according to the side length, width, and the like of the parent container specified in the parent container information, or a user may create one parent container according to the specific size of the rendering position.
S103: establishing a rectangular coordinate system by taking any container vertex of the parent container as an origin, and determining coordinate information of the parent container in the rectangular coordinate system;
the coordinate information comprises container vertex coordinates corresponding to each container vertex of the parent container;
in the embodiment of the present invention, after the parent container is created, in order to ensure that the target component can be determined to be completely rendered into the parent container, a rectangular coordinate system may be established on the parent container, and specifically, the rectangular coordinate system is established by using any container vertex of the parent container as an origin of the rectangular coordinate system. After the rectangular coordinate system is established, the coordinate information of the parent container in the rectangular coordinate system can be determined according to the origin coordinates and the parent container information.
For example, if the parent container is a rectangular container, a rectangular coordinate system may be established with the vertex of the upper left corner of the rectangular container as the origin of the rectangular coordinate system. Besides, a rectangular coordinate system can be established by taking the vertex of the lower left corner, the vertex of the upper right corner or the vertex of the lower right corner of the rectangular container as the origin.
Optionally, the rectangular coordinate system may be established by using a center point of the parent container as an origin, or by using any point on each edge of the parent container, in addition to using any container vertex of the parent container as the origin. In order to reduce the calculation amount of each coordinate, a rectangular coordinate system is preferably established by taking any container vertex of the parent container as an origin.
S104: dotting any position in the parent container to obtain a fixed point coordinate of a dotted point position, and determining the placement mode of the target assembly according to the fixed point coordinate;
the placement mode is that the vertex of any one component in the target component coincides with the point position;
in the embodiment of the invention, after the rectangular coordinate system is established, dotting is carried out at any position in the parent container to obtain a point location in the parent container, and the fixed point coordinate of the point location is determined. In order to ensure that the relative position between the rendered target component and the parent container can be calculated more accurately, the placement mode of the target component can be determined according to the fixed point coordinates.
For example, if the target component is a rectangular advertisement picture, the vertex of the upper left corner of the advertisement picture may coincide with the point location, so that the vertex coordinate of the upper left corner of the advertisement picture coincides with the fixed point coordinate.
S105: determining a rendering range of the target component according to the component information and the fixed point coordinates, and judging whether the rendering range exceeds the parent container;
in the embodiment of the invention, after the fixed point coordinates and the component information are obtained, the rendering range of the target component which needs to be rendered currently can be determined according to each side length of the target component. Preferably, the rendering range has a range size that corresponds to the current component size of the target component. After the rendering range is determined, whether the rendering range exceeds the parent container is judged, namely whether the target component can be completely rendered in the parent container is judged.
S106: if the rendering range exceeds the parent container, adjusting the rendering range so that the target component does not exceed the parent container;
in the embodiment of the present invention, if the rendering range exceeds the parent container, it may be determined that the target component is rendered according to the current fixed point coordinates in the placement manner, and the target component cannot be rendered into the parent container, at this time, the rendering range needs to be adjusted so that the rendering range does not exceed the parent container, that is, the target component does not exceed the parent container during rendering.
Specifically, the adjustment of the rendering range may be to determine a point location again or to change the original position of the point location, and to determine the rendering range of the target component again.
S107: and rendering the target component in the parent container according to the adjusted rendering range and the placement mode.
In the embodiment of the invention, after the rendering range is adjusted to ensure that the target component does not exceed the parent container during rendering, the target component is rendered in the parent container according to the currently adjusted rendering range and the originally determined placing mode.
In the component rendering method provided by the embodiment of the invention, before rendering the component, a parent container needs to be created according to the parent container information, and a rectangular coordinate system is established on the parent container. And marking a point location in the parent container, determining the fixed point coordinates of the point location, and simultaneously determining a placing mode of the target assembly when rendering is carried out based on the point location and a corresponding rendering range when the target assembly is rendered according to the placing mode. Judging whether the target assembly exceeds the parent container when rendering the target assembly according to the rendering range; if the rendering range exceeds the parent container, the rendering range needs to be readjusted so that the target component does not exceed the parent container during rendering. And after the rendering range is adjusted, rendering the target assembly.
Based on the method provided by the above embodiment, in order to better embody the method of the present invention, a specific embodiment is provided, which specifically refers to fig. 2:
when it is determined that a target component with the side length of 2 needs to be rendered according to the component information and the parent container information, a parent container with the rectangle length of 4 and the width of 2 is created in advance, and a rectangular coordinate system is established by taking a container vertex at the upper left corner of the parent container as an origin O. And randomly dotting in the parent container, wherein the obtained coordinates of the point positions are (1, -1), and the placement mode is determined to be that the top points of the assemblies at the upper left corners of the target assemblies are overlapped with the point positions. At this time, it may be determined that the current rendering range of the target component is a rectangular range formed by points (1, -1), (1, -3), (3, -1), and (3, -3), and specifically, a shown in fig. 2 is the current rendering range. At this time, it can be known that the current rendering range exceeds the parent container, and the current rendering range needs to be adjusted. And (3) adjusting the current rendering range upwards, and simultaneously adjusting the coordinate of the point position to be (1, 0), wherein the obtained adjusted rendering range is a rectangular range formed by the points (1, 0), (1, -2), (3, 0) and (3, -2), and specifically, B shown in fig. 2 is the adjusted rendering range. At this time, according to the adjusted rendering range, the rendering of the target component in the parent container can be realized.
By applying the method provided by the embodiment of the invention, whether the target assembly is in the parent container during rendering is determined by establishing the rectangular coordinate system and a dotting mode, and when the target assembly is determined not to be in the parent container, the rendering range of the target assembly can be adjusted to ensure that the target assembly does not exceed the parent container during rendering.
In the method provided in the embodiment of the present invention, based on the step S102, after the parent container information and the component information are obtained, a parent container needs to be created. Specifically, creating a parent container corresponding to the parent container information on the current interface may include:
acquiring container length, container width and container position parameters contained in the parent container information;
and determining the interface position matched with the container position parameter in the current interface, and creating a parent container on the interface position according to the container length and the container width.
In the component rendering method provided by the embodiment of the present invention, the parent container information includes a container length and a container width specified by the creation parent container, and a container position parameter when the parent container is created on the current interface. Firstly, determining an interface position for specifically creating a parent container on a current interface according to container parameters, and creating the parent container on the interface position according to the container length and the container width.
Specifically, the shape of the parent container is preferably a rectangular shape, and the parent container may have other polygonal shapes or a circular shape under special conditions. When the parent container is in a polygonal shape or a circular shape, the parent container information includes corresponding shape parameters, such as a diameter radius of the circle, a side length and an angle of the polygon.
By applying the method provided by the embodiment of the invention, the specific creation position of the parent container can be determined.
In the method provided in the embodiment of the present invention, based on the content in step S105, after determining the current rendering range of the target component, a process of determining whether the rendering range exceeds the parent container is shown in fig. 3, which may specifically include:
s301: acquiring lengths of all side lengths corresponding to the target assembly and contained in assembly information, and determining assembly vertex coordinates of all assembly vertexes of the target assembly in the rectangular coordinate system and contained in the rendering range according to the fixed point coordinates and the lengths of all the side lengths;
in the embodiment of the invention, after the placement mode, the fixed point coordinates and the length of each side of the target assembly are determined, the assembly vertex coordinates of each assembly vertex of the target assembly in the rectangular coordinate system can be determined.
S302: determining an abscissa range of the target assembly when rendering is carried out on an abscissa and an ordinate range of the target assembly when rendering is carried out on an ordinate according to the vertex coordinates of each container;
in the embodiment of the present invention, when a rectangular coordinate system is established, coordinate information of a parent container is known, the coordinate information of the parent container includes container vertex coordinates of each container vertex, and an abscissa range and an ordinate range are determined according to the container vertex coordinates. For example, if the parent container is rectangular, and the container vertex coordinates of the parent container are (0, 0), (x1, y1), (0, y1), and (x1,0), respectively, the abscissa range is [0, x1], and the ordinate range is [0, y1 ].
S303: acquiring a component abscissa and a component ordinate in each component vertex coordinate, and judging whether each component abscissa belongs to the abscissa range and whether each component ordinate belongs to the ordinate range; if yes, executing step S304, otherwise executing step S305;
in the embodiment of the invention, each assembly vertex coordinate comprises an abscissa and an ordinate, the abscissa and the ordinate of each assembly are obtained, and whether the abscissa of each assembly belongs to the abscissa range and whether each ordinate belongs to the ordinate range are judged.
For example, the target module has module abscissas x2 and x3, respectively, and the module ordinates y2 and y3, respectively; the abscissa range is [0, x1], and the ordinate range is [0, y1 ]; it is judged whether x2 and x3 belong to the range [0, x1] and y2 and y3 belong to the range [0, y1 ].
S304: if any one of the assembly abscissas does not belong to the abscissa range or any one of the assembly ordinates does not belong to the ordinate range, determining that the rendering range exceeds the parent container;
in the embodiment of the present invention, as long as one component abscissa exceeds the abscissa range or one component ordinate exceeds the ordinate range, it can be determined that the rendering range exceeds the parent container.
S305: and if the abscissa of each component belongs to the abscissa range and the ordinate of each component belongs to the ordinate range, determining that the rendering range does not exceed the parent container.
In the embodiment of the present invention, if all the abscissa of the component belongs to the abscissa range and all the ordinate of the component belongs to the ordinate range, it may be determined that the rendering range does not exceed the parent container.
Specifically, when the rendering range does not exceed the parent container, the target component can be rendered in the parent container according to the rendering range and the placement mode.
In the component rendering method provided by the embodiment of the invention, the component vertex coordinates of each component vertex in the target component are determined according to the fixed point coordinates. And judging whether the rendering range exceeds the parent container or not according to the assembly abscissa and the assembly ordinate in the vertex coordinates of each assembly and the abscissa range and the ordinate range of the parent container. If the abscissa of any one component is not in the abscissa range or the ordinate of any one component is not in the ordinate range, the rendering range can be determined to exceed the parent container; if all of the components 'abscissas are within the range of abscissas and all of the components' ordinates are within the range of ordinates, it can be determined that the rendering range does not exceed the parent container.
By applying the method provided by the embodiment of the invention, whether the rendering range exceeds the parent container or not is determined according to the component vertex coordinates of each component vertex and the abscissa range and the ordinate range of the parent container, and the rendering of the target component when the rendering range exceeds the parent container is avoided.
In the method provided in the embodiment of the present invention, based on the content in step S106, when it is determined that the rendering range exceeds the parent container, the rendering range of the target component needs to be readjusted to avoid that the target component exceeds the parent container during rendering, and a specific process is shown in fig. 4, and may specifically include:
s401: calculating the exceeding range of the rendering range exceeding the parent container according to the vertex coordinates of each component and the vertex coordinates of each container;
in the embodiment of the present invention, if the rendering range exceeds the parent container, it can be determined that the target component will exceed the parent container during rendering. At this time, the out-of-range of the rendering range beyond the parent container is calculated from the container vertex coordinates of the respective container vertices of the parent container and the vertex coordinates of the respective component vertices of the target component.
S402: determining a moving mode for moving the point location in the parent container according to the exceeding range, and judging whether a rendering range obtained after the point location is moved exceeds the parent container or not according to the moving mode;
wherein the moving modes comprise upward translation, downward translation, leftward translation and rightward translation;
in the embodiment of the invention, how the rendering range needs to be adjusted is determined according to the exceeding range of the rendering range beyond the parent container. Specifically, the rendering range is adjusted through the point location movement, the point location movement mode is determined, the movement mode is determined, and whether the rendering range obtained after the point location movement is in the parent container or not is judged.
Specifically, the rendering range is determined by the fixed point coordinates of the point location and the component information, and if the point location moves, the fixed point coordinates will change, and at this time, the rendering range will also change. For example, if the point location is shifted to the right, the rendering range is also shifted to the right.
It should be noted that the point cannot go beyond the parent container during the movement. For example. When the point location is translated to the right, and the point location is just moved to the edge of the parent container currently, the point location can not be translated to the right any more.
S403: and if the rendering range obtained after the point location is moved does not exceed the parent container, moving the position of the point location in the parent container according to the moving mode, and adjusting the rendering range along with the movement of the point location.
In the embodiment of the present invention, if the rendering range after the point location is moved is within the parent container, the point location may be moved according to the moving manner, so that the rendering range is adjusted along with the movement of the point location, and the rendering range is ensured to be within the parent container.
In the component rendering method provided in the embodiment of the present invention, if the rendering range exceeds the parent container, a moving manner of how to move the point location is determined according to the exceeding range, where the moving manner may include upward translation, downward translation, leftward translation, and rightward translation. In a specific moving process, the point location may be moved according to at least one moving mode, for example, the point location may be moved in multiple moving modes, such as first moving to the right and then moving to the down.
By applying the method of the embodiment of the invention, the moving mode of the point location in the parent container is determined according to the exceeding range, and the point location is moved to enable the rendering range to be in the parent container, so that the condition that the rendering range exceeds the parent container and the target component exceeds the parent container during rendering is avoided.
Based on the method provided in the foregoing embodiment, in the process of adjusting the rendering range, adjusting the rendering range by the point location may specifically include:
if the rendering range obtained after the point location is moved exceeds the parent container, calculating the component size of the target component and the container size of the parent container according to the component information and the parent container information;
reducing the size of the component according to the size of the container to obtain the reduced size of the component, and determining the current fixed point coordinate of the point after movement;
determining a new rendering range of the target component within the parent container according to the current pointing coordinates and the reduced component size, and rendering the target component in the parent container according to the reduced component size according to the new rendering range.
In the component rendering method provided in the embodiment of the present invention, before the target component is rendered, there is also a case where the size of the target component is larger than the container size of the parent container. Therefore, when the target size is larger than the container size of the parent container, the component size of the target component needs to be adjusted in size in addition to the movement of the dot position. And reducing the component size of the target component according to the parent container size to obtain the target component with the reduced component size. After the point location is moved according to the moving manner, the current fixed point coordinate of the point location after the point location is moved may be determined, and according to the current fixed point coordinate and the reduced component size of the target component, a new rendering range of the target component in the parent container is determined, and the target component is rendered within the new rendering range according to the reduced component size. By the method, even if the target component still exceeds the parent container after the point location is moved, the rendering range is further adjusted, so that the target component is in the parent container during rendering.
Optionally, in the process of reducing the component size of the target component, it may be determined whether the reduced component size is smaller than a minimum threshold, and if the reduced component size is smaller than the minimum threshold, the rendering of the target component may be cancelled.
Further, after the target component is successfully rendered into the parent container, if the point in the parent container moves due to a change of the current interface or a network during the process of displaying the target component, the processes in the above-mentioned implementation steps S105 to S107 may be executed again, so that the target component is still in the parent container when the point changes.
Further, a parent container may render multiple target components simultaneously, and each component may be different or the same. The rendering process of each target component in the parent container is identical to the process of implementing steps S101 to S107, and will not be repeated here.
The specific implementation procedures and derivatives thereof of the above embodiments are within the scope of the present invention.
Corresponding to the method described in fig. 1, an embodiment of the present invention further provides a component rendering apparatus, which is used for implementing the method in fig. 1 specifically, the component rendering apparatus provided in the embodiment of the present invention may be applied to a computer terminal or various mobile devices, and a schematic structural diagram of the component rendering apparatus is shown in fig. 5, and specifically includes:
an obtaining unit 501, configured to, when a component rendering instruction is received, obtain parent container information and component information of a target component to be rendered, which are included in the component rendering instruction;
a creating unit 502, configured to determine, based on the parent container information, a current interface of the target component to be rendered, and create, on the current interface, a parent container corresponding to the parent container information;
a first determining unit 503, configured to establish a rectangular coordinate system with any container vertex of the parent container as an origin, and determine coordinate information of the parent container in the rectangular coordinate system, where the coordinate information includes container vertex coordinates corresponding to each container vertex of the parent container;
a second determining unit 504, configured to perform dotting at any position in the parent container, obtain fixed-point coordinates of a dotted point, and determine a placement manner of the target component according to the fixed-point coordinates; the placement mode is that the vertex of any one component in the target component coincides with the point position;
a determining unit 505, configured to determine a rendering range of the target component according to the component information and the fixed-point coordinates, and determine whether the rendering range exceeds the parent container;
an adjusting unit 506, configured to adjust the rendering range if the rendering range exceeds the parent container, so that the target component does not exceed the parent container;
a rendering unit 507, configured to render the target component in the parent container according to the adjusted rendering range and the placement manner.
In the device provided by the embodiment of the invention, when the target component needs to be rendered, the acquisition unit acquires the parent container information and the component information of the target component, and the creation unit creates the parent container according to the parent container information; the first determination unit determines container vertex coordinates of container vertices of the parent container in a rectangular coordinate system after the rectangular coordinate system is established, and obtains coordinate information of the parent container. And the second determining unit determines the placement mode of the target component in the parent container according to the fixed point coordinates of the point positions obtained after dotting in the container. And judging whether the current rendering range of the target component exceeds the parent container or not by the judging unit, if so, adjusting the rendering range by the adjusting unit so that the parent container does not exceed the parent container during rendering, and finally rendering the target component in the parent container by the rendering unit according to the adjusted rendering range.
By applying the device provided by the embodiment of the invention, whether the target component is in the parent container during rendering is determined according to the establishment of the rectangular coordinate system and the dotting mode, and when the target component is determined not to be in the parent container, the rendering range of the target component can be adjusted to ensure that the target component does not exceed the parent container during rendering.
In the apparatus provided in the embodiment of the present invention, the creating unit 502 includes:
the first acquiring subunit is used for acquiring the container length, the container width and the container position parameters contained in the parent container information;
and the creating child unit is used for determining the interface position matched with the container position parameter in the current interface and creating a parent container on the interface position according to the container length and the container width.
In the apparatus provided in the embodiment of the present invention, the determining unit 505 includes:
a second obtaining subunit, configured to obtain lengths of respective side lengths corresponding to the target components included in component information, and determine, according to the fixed point coordinates and the lengths of the respective side lengths, component vertex coordinates of respective component vertices of the target components included in the rendering range in the rectangular coordinate system;
the first determining subunit is used for determining an abscissa range of the target assembly during rendering on an abscissa and a ordinate range of the target assembly during rendering on an ordinate according to the vertex coordinates of each container;
the first judgment subunit is used for acquiring a component abscissa and a component ordinate in each component vertex coordinate, and judging whether each component abscissa belongs to the abscissa range and whether each component ordinate belongs to the ordinate range;
a second determining subunit, configured to determine that the rendering range exceeds the parent container if any one of the abscissa ranges of the components is not included, or any one of the ordinate ranges of the components is not included;
and the third determining subunit is configured to determine that the rendering range does not exceed the parent container if the abscissa of each component belongs to the abscissa range and the ordinate of each component belongs to the ordinate range.
In the apparatus provided in the embodiment of the present invention, the adjusting unit 506 includes:
a first calculating subunit, configured to calculate an out-of-range in which the rendering range exceeds the parent container, according to each of the component vertex coordinates and each of the container vertex coordinates;
a second determining subunit, configured to determine, according to the exceeding range, a moving manner in which the point location is moved in the parent container, and determine, according to the moving manner, whether a rendering range obtained after the point location is moved exceeds the parent container; wherein the moving modes comprise upward translation, downward translation, leftward translation and rightward translation;
and the adjusting child unit is used for moving the position of the point location in the parent container according to the moving mode if the rendering range obtained after the point location is moved does not exceed the parent container, and adjusting the rendering range along with the movement of the point location.
The device provided by the embodiment of the invention further comprises:
a rendering child unit, configured to calculate, according to the component information and the parent container information, a component size of the target component and a container size of the parent container if a rendering range obtained after the point location is moved exceeds the parent container; reducing the size of the component according to the size of the container to obtain the reduced size of the component, and determining the current fixed point coordinate of the point after movement; determining a new rendering range of the target component within the parent container according to the current pointing coordinates and the reduced component size, and rendering the target component in the parent container according to the reduced component size according to the new rendering range.
The specific working processes of each unit and sub-unit in the component rendering device disclosed in the above embodiment of the present invention may refer to corresponding contents in the component rendering method disclosed in the above embodiment of the present invention, and are not described herein again.
The embodiment of the invention also provides a storage medium, which comprises a stored instruction, wherein when the instruction runs, the device where the storage medium is located is controlled to execute the component rendering method.
An electronic device is provided in an embodiment of the present invention, and the structural diagram of the electronic device is shown in fig. 6, which specifically includes a memory 601 and one or more instructions 602, where the one or more instructions 602 are stored in the memory 601 and configured to be executed by one or more processors 603 to perform the following operations on the one or more instructions 602:
when a component rendering instruction is received, acquiring parent container information contained in the component rendering instruction and component information of a target component to be rendered;
determining a current interface of the target component to be rendered based on the parent container information, and creating a parent container corresponding to the parent container information on the current interface;
establishing a rectangular coordinate system by taking any container vertex of the parent container as an origin, and determining coordinate information of the parent container in the rectangular coordinate system, wherein the coordinate information comprises container vertex coordinates corresponding to each container vertex of the parent container;
dotting any position in the parent container to obtain a fixed point coordinate of a dotted point position, and determining the placement mode of the target assembly according to the fixed point coordinate; the placement mode is that the vertex of any one component in the target component coincides with the point position;
determining a rendering range of the target component according to the component information and the fixed point coordinates, and judging whether the rendering range exceeds the parent container;
if the rendering range exceeds the parent container, adjusting the rendering range so that the target component does not exceed the parent container;
and rendering the target component in the parent container according to the adjusted rendering range and the placement mode.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, the system or system embodiments are substantially similar to the method embodiments and therefore are described in a relatively simple manner, and reference may be made to some of the descriptions of the method embodiments for related points. The above-described system and system embodiments are only illustrative, wherein the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
Those of skill would further appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both.
To clearly illustrate this interchangeability of hardware and software, various illustrative components and steps have been described above generally in terms of their functionality. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the implementation. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present invention.
The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present invention. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the invention. Thus, the present invention is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (10)
1. A component rendering method, comprising:
when a component rendering instruction is received, acquiring parent container information contained in the component rendering instruction and component information of a target component to be rendered;
determining a current interface of the target component to be rendered based on the parent container information, and creating a parent container corresponding to the parent container information on the current interface;
establishing a rectangular coordinate system by taking any container vertex of the parent container as an origin, and determining coordinate information of the parent container in the rectangular coordinate system, wherein the coordinate information comprises container vertex coordinates corresponding to each container vertex of the parent container;
dotting any position in the parent container to obtain a fixed point coordinate of a dotted point position, and determining the placement mode of the target assembly according to the fixed point coordinate; the placement mode is that the vertex of any one component in the target component coincides with the point position;
determining a rendering range of the target component according to the component information and the fixed point coordinates, and judging whether the rendering range exceeds the parent container;
if the rendering range exceeds the parent container, adjusting the rendering range so that the target component does not exceed the parent container;
and rendering the target component in the parent container according to the adjusted rendering range and the placement mode.
2. The method according to claim 1, wherein the creating a parent container corresponding to the parent container information on the current interface includes:
acquiring container length, container width and container position parameters contained in the parent container information;
and determining the interface position matched with the container position parameter in the current interface, and creating a parent container on the interface position according to the container length and the container width.
3. The method of claim 1, wherein the determining whether the rendering range is beyond the parent container comprises:
acquiring lengths of all side lengths corresponding to the target assembly and contained in assembly information, and determining assembly vertex coordinates of all assembly vertexes of the target assembly in the rectangular coordinate system and contained in the rendering range according to the fixed point coordinates and the lengths of all the side lengths;
determining an abscissa range of the target assembly when rendering is carried out on an abscissa and an ordinate range of the target assembly when rendering is carried out on an ordinate according to the vertex coordinates of each container;
acquiring a component abscissa and a component ordinate in each component vertex coordinate, and judging whether each component abscissa belongs to the abscissa range and whether each component ordinate belongs to the ordinate range;
if any one of the assembly abscissas does not belong to the abscissa range or any one of the assembly ordinates does not belong to the ordinate range, determining that the rendering range exceeds the parent container;
and if the abscissa of each component belongs to the abscissa range and the ordinate of each component belongs to the ordinate range, determining that the rendering range does not exceed the parent container.
4. The method of claim 3, wherein adjusting the rendering range if the rendering range is beyond the parent container comprises:
calculating the exceeding range of the rendering range exceeding the parent container according to the vertex coordinates of each component and the vertex coordinates of each container;
determining a moving mode for moving the point location in the parent container according to the exceeding range, and judging whether a rendering range obtained after the point location is moved exceeds the parent container or not according to the moving mode; wherein the moving modes comprise upward translation, downward translation, leftward translation and rightward translation;
and if the rendering range obtained after the point location is moved does not exceed the parent container, moving the position of the point location in the parent container according to the moving mode, and adjusting the rendering range along with the movement of the point location.
5. The method of claim 4, further comprising:
if the rendering range obtained after the point location is moved exceeds the parent container, calculating the component size of the target component and the container size of the parent container according to the component information and the parent container information;
reducing the size of the component according to the size of the container to obtain the reduced size of the component, and determining the current fixed point coordinate of the point after movement;
determining a new rendering range of the target component within the parent container according to the current pointing coordinates and the reduced component size, and rendering the target component in the parent container according to the reduced component size according to the new rendering range.
6. A component rendering apparatus, comprising:
the device comprises an acquisition unit, a rendering unit and a rendering unit, wherein the acquisition unit is used for acquiring parent container information and component information of a target component to be rendered, which are contained in a component rendering instruction when the component rendering instruction is received;
the creating unit is used for determining a current interface of the target component to be rendered based on the parent container information and creating a parent container corresponding to the parent container information on the current interface;
a first determining unit, configured to establish a rectangular coordinate system with any container vertex of the parent container as an origin, and determine coordinate information of the parent container in the rectangular coordinate system, where the coordinate information includes container vertex coordinates corresponding to each container vertex of the parent container;
the second determining unit is used for dotting any position in the parent container, obtaining fixed point coordinates of the dotted point position and determining the placement mode of the target assembly according to the fixed point coordinates; the placement mode is that the vertex of any one component in the target component coincides with the point position;
the judging unit is used for determining the rendering range of the target assembly according to the assembly information and the fixed point coordinates and judging whether the rendering range exceeds the parent container or not;
an adjusting unit, configured to adjust the rendering range if the rendering range exceeds the parent container, so that the target component does not exceed the parent container;
and the rendering unit is used for rendering the target component in the parent container according to the adjusted rendering range and the placement mode.
7. The apparatus of claim 6, wherein the creating unit comprises:
the first acquiring subunit is used for acquiring the container length, the container width and the container position parameters contained in the parent container information;
and the creating child unit is used for determining the interface position matched with the container position parameter in the current interface and creating a parent container on the interface position according to the container length and the container width.
8. The apparatus according to claim 6, wherein the determining unit comprises:
a second obtaining subunit, configured to obtain lengths of respective side lengths corresponding to the target components included in component information, and determine, according to the fixed point coordinates and the lengths of the respective side lengths, component vertex coordinates of respective component vertices of the target components included in the rendering range in the rectangular coordinate system;
the first determining subunit is used for determining an abscissa range of the target assembly during rendering on an abscissa and a ordinate range of the target assembly during rendering on an ordinate according to the vertex coordinates of each container;
the first judgment subunit is used for acquiring a component abscissa and a component ordinate in each component vertex coordinate, and judging whether each component abscissa belongs to the abscissa range and whether each component ordinate belongs to the ordinate range;
a second determining subunit, configured to determine that the rendering range exceeds the parent container if any one of the abscissa ranges of the components is not included, or any one of the ordinate ranges of the components is not included;
and the third determining subunit is configured to determine that the rendering range does not exceed the parent container if the abscissa of each component belongs to the abscissa range and the ordinate of each component belongs to the ordinate range.
9. The apparatus of claim 6, wherein the adjusting unit comprises:
a first calculating subunit, configured to calculate an out-of-range in which the rendering range exceeds the parent container, according to each of the component vertex coordinates and each of the container vertex coordinates;
a second determining subunit, configured to determine, according to the exceeding range, a moving manner in which the point location is moved in the parent container, and determine, according to the moving manner, whether a rendering range obtained after the point location is moved exceeds the parent container; wherein the moving modes comprise upward translation, downward translation, leftward translation and rightward translation;
and the adjusting child unit is used for moving the position of the point location in the parent container according to the moving mode if the rendering range obtained after the point location is moved does not exceed the parent container, and adjusting the rendering range along with the movement of the point location.
10. The apparatus of claim 9, further comprising:
a rendering child unit, configured to calculate, according to the component information and the parent container information, a component size of the target component and a container size of the parent container if a rendering range obtained after the point location is moved exceeds the parent container; reducing the size of the component according to the size of the container to obtain the reduced size of the component, and determining the current fixed point coordinate of the point after movement; determining a new rendering range of the target component within the parent container according to the current pointing coordinates and the reduced component size, and rendering the target component in the parent container according to the reduced component size according to the new rendering range.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010076327.2A CN111290754B (en) | 2020-01-23 | 2020-01-23 | Component rendering method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010076327.2A CN111290754B (en) | 2020-01-23 | 2020-01-23 | Component rendering method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111290754A true CN111290754A (en) | 2020-06-16 |
| CN111290754B CN111290754B (en) | 2023-02-24 |
Family
ID=71023495
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010076327.2A Active CN111290754B (en) | 2020-01-23 | 2020-01-23 | Component rendering method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111290754B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112905279A (en) * | 2021-02-03 | 2021-06-04 | 广州虎牙科技有限公司 | Page component rendering method and device, electronic equipment and storage medium |
| CN114862999A (en) * | 2022-07-11 | 2022-08-05 | 杭州安恒信息技术股份有限公司 | Dotting rendering method, dotting rendering device, dotting rendering equipment and storage medium |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110138354A1 (en) * | 2009-12-07 | 2011-06-09 | International Business Machines Corporation | Interactive video player component for mashup interfaces |
| CN103970518A (en) * | 2013-01-31 | 2014-08-06 | 腾讯科技（深圳）有限公司 | 3D rendering method and device for logic window |
| US20170060368A1 (en) * | 2015-09-02 | 2017-03-02 | International Business Machines Corporation | Computer-vision based execution of graphical user interface (gui) application actions |
| CN106503041A (en) * | 2016-09-19 | 2017-03-15 | 曙光信息产业(北京)有限公司 | Page layout self-adaptive method and system |
| CN106648655A (en) * | 2016-12-20 | 2017-05-10 | 惟锐（杭州）数字科技有限公司 | Transformation method and device of UE engine bottom layer and method and device for displaying UE project in browser |
| CN106708985A (en) * | 2016-12-12 | 2017-05-24 | 北京奇虎科技有限公司 | Layout method and device for multi-column webpage |
| CN107229398A (en) * | 2017-04-27 | 2017-10-03 | 广州慧扬健康科技有限公司 | Electronic health record form controls linked system |
| CN108733361A (en) * | 2017-04-20 | 2018-11-02 | 北京京东尚科信息技术有限公司 | A kind of method and apparatus for realizing concurrent container |
| CN109948083A (en) * | 2017-07-17 | 2019-06-28 | 北京国双科技有限公司 | Web page processing method and device |
-
2020
- 2020-01-23 CN CN202010076327.2A patent/CN111290754B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110138354A1 (en) * | 2009-12-07 | 2011-06-09 | International Business Machines Corporation | Interactive video player component for mashup interfaces |
| CN103970518A (en) * | 2013-01-31 | 2014-08-06 | 腾讯科技（深圳）有限公司 | 3D rendering method and device for logic window |
| US20170060368A1 (en) * | 2015-09-02 | 2017-03-02 | International Business Machines Corporation | Computer-vision based execution of graphical user interface (gui) application actions |
| CN106503041A (en) * | 2016-09-19 | 2017-03-15 | 曙光信息产业(北京)有限公司 | Page layout self-adaptive method and system |
| CN106708985A (en) * | 2016-12-12 | 2017-05-24 | 北京奇虎科技有限公司 | Layout method and device for multi-column webpage |
| CN106648655A (en) * | 2016-12-20 | 2017-05-10 | 惟锐（杭州）数字科技有限公司 | Transformation method and device of UE engine bottom layer and method and device for displaying UE project in browser |
| CN108733361A (en) * | 2017-04-20 | 2018-11-02 | 北京京东尚科信息技术有限公司 | A kind of method and apparatus for realizing concurrent container |
| CN107229398A (en) * | 2017-04-27 | 2017-10-03 | 广州慧扬健康科技有限公司 | Electronic health record form controls linked system |
| CN109948083A (en) * | 2017-07-17 | 2019-06-28 | 北京国双科技有限公司 | Web page processing method and device |
Non-Patent Citations (1)
| Title |
|---|
| 罗会兰等: "基于OGRE引擎的虚拟场景浏览", 《计算机工程与设计》 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112905279A (en) * | 2021-02-03 | 2021-06-04 | 广州虎牙科技有限公司 | Page component rendering method and device, electronic equipment and storage medium |
| CN114862999A (en) * | 2022-07-11 | 2022-08-05 | 杭州安恒信息技术股份有限公司 | Dotting rendering method, dotting rendering device, dotting rendering equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111290754B (en) | 2023-02-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10318605B2 (en) | Method and device for relocating input box to target position in mobile terminal browser, storage medium | |
| US20190073104A1 (en) | Display control method and device for side sliding interface, terminal and storage medium | |
| US8307279B1 (en) | Smooth zooming in web applications | |
| US11321925B2 (en) | Mixed-reality system, program, method, and portable terminal device | |
| JP6255495B2 (en) | Method and apparatus for displaying browser resource, and computer readable storage medium | |
| CN111290754B (en) | Component rendering method and device | |
| CN107977141B (en) | Interaction control method and device, electronic equipment and storage medium | |
| US9588670B2 (en) | Information-processing device, storage medium, information-processing method, and information-processing system | |
| AU2014201298B2 (en) | Graph display apparatus, graph display method and storage medium having stored thereon graph display program | |
| JP2011233082A (en) | Input device, input program and input method | |
| JP5563703B2 (en) | Content distribution apparatus, content distribution method, content distribution program, and terminal program | |
| JP5880024B2 (en) | Information processing apparatus and program | |
| CN111782062B (en) | Soft input method position adjusting method and device, storage medium and large-screen all-in-one machine | |
| CN112486616A (en) | Interface display method, interface display device, electronic equipment and storage medium | |
| JP6339550B2 (en) | Terminal program, terminal device, and terminal control method | |
| CN108073338B (en) | Cursor display method and system | |
| CN108132716B (en) | Adjustment method and device of browsing page and computer readable storage medium | |
| CN112684962B (en) | Canvas extension method, device, storage medium and terminal | |
| CN106156371B (en) | Method and device for realizing complete background picture of webpage | |
| CN108022271B (en) | Creation and rasterization of shapes using geometry, style settings or positions | |
| CN106445269B (en) | Status bar display method of mobile terminal and mobile terminal | |
| CN109885218B (en) | Icon processing method and device and terminal | |
| CN103616989A (en) | Method and device for automatically adjusting position of cursor and mobile terminal | |
| JP2010165074A (en) | Web page sharing system, web page sharing method, and web page sharing program | |
| JP6312901B2 (en) | Terminal program, terminal device, and terminal control method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |