CN105677674B - Dynamic display method and device for page filling content - Google Patents
Dynamic display method and device for page filling content Download PDFInfo
- Publication number
- CN105677674B CN105677674B CN201410669516.5A CN201410669516A CN105677674B CN 105677674 B CN105677674 B CN 105677674B CN 201410669516 A CN201410669516 A CN 201410669516A CN 105677674 B CN105677674 B CN 105677674B
- Authority
- CN
- China
- Prior art keywords
- parameter
- linear
- color
- parameters
- content
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Abstract
The embodiment of the application provides a dynamic display method and a dynamic display device for page filling content, wherein the method comprises the following steps: acquiring a linear gradient parameter set for a first area in a page; rendering the filling content of the first area into linear gradient content according to the linear gradient parameters; and the linear gradual change parameter is adapted to the size of the page or the screen where the first area is located. The content of the page can be filled according to the resolution of the screen, so that the single content and the reduction of the display quality are avoided while the small maintenance amount is ensured.
Description
Technical Field
The present application relates to the field of page technologies, and in particular, to a method and an apparatus for dynamically displaying page filling content.
Background
With the continuous growth of user-oriented websites, embedding an area or control such as a banner in a page to complete the propaganda of an object is more and more popular with people. Banner presented in the form of controls is sometimes embedded in a page and sometimes floats above the page. Regardless of how these regions or controls are designed, it is a common requirement to set a basic context.
In the prior art, a page maintenance person usually needs to manually draw a background picture (or bottom picture) for a specific area such as a Banner and the like separately, and then refer to the background picture and the bottom picture in a page. When the page is accessed by the client, the corresponding area is filled by the downloaded background picture, and the rendering of the background is completed.
However, the types and models of personal mobile terminals are various at present, and the screen display resolution of the terminals is various, which brings about the problem of how to keep the display consistency of screens with different sizes for displaying the same page. One method is that page maintainers draw background pictures with different sizes respectively for the same area of the same page with the common screen resolution, and automatically download matched background pictures according to the resolution of a client and render the background when the client accesses the page. The other means is that page maintainers do not need to draw background pictures with different sizes respectively for the same area of the same page, but perform adaptive stretching operation on the background pictures in the page according to the self screen resolution when the page is displayed by a client.
Disclosure of Invention
The embodiment of the application aims to provide a dynamic display method and device for page filling content, which can fill the content of a page according to the resolution of a screen, and avoid the singleness of display content and the reduction of display quality while ensuring the small maintenance amount.
In order to achieve the above object, an aspect of the present application provides a method for dynamically displaying page fill content, where the method includes:
acquiring a linear gradient parameter set for a first area in a page;
rendering the filling content of the first area into linear gradient content according to the linear gradient parameters;
and the linear gradual change parameter is adapted to the size of the page or the screen where the first area is located.
In a preferred embodiment, the linear fade parameters include a direction parameter of the linear fade, a start color parameter of the linear fade, and an end color parameter of the linear fade;
the rendering the filling content of the first area into the linear gradient content according to the parameters of the linear gradient comprises:
rendering the filling content of the first area into linear gradient content with a first gradient direction, a first starting color and a first ending color, wherein the first gradient direction corresponds to a direction parameter of linear gradient included in the linear gradient parameter; the first starting color corresponds to a starting color parameter of a linear gradation included in the linear gradation parameter; the first end color corresponds to an end color parameter of a linear gradation included in the linear gradation parameters.
In a preferred embodiment, said linear fade parameters further comprise parameters of at least one intermediate color of the linear fade;
the rendering the filling content of the first area into the linear gradient content according to the parameters of the linear gradient comprises:
rendering the filler content of the first area as linear gradient content having the first gradient direction, a first start color, a first end color and at least one first intermediate color, each of the first intermediate colors corresponding to a parameter of one of the linear gradient parameters.
In a preferred embodiment, the direction parameters of the linear fade include:
a direction parameter that changes gradually from top to bottom, or
A direction parameter that changes gradually from bottom to top, or
A direction parameter which changes gradually from left to right, or
A direction parameter changing from right to left, or
A direction parameter gradually changing from the lower right corner to the upper left corner, or
A direction parameter gradually changing from the lower left corner to the upper right corner, or
A direction parameter which changes gradually from the upper right corner to the lower left corner, or
Direction parameters that change gradually from the upper left corner to the lower right corner.
In a preferred embodiment, the direction parameters of the linear fade include:
and (4) direction parameters of gradual change of any angle value.
In a preferred embodiment, the first area is at least one container in the page.
Another aspect of the present application further provides a device for dynamically displaying page filling content, including:
the linear gradient parameter acquisition unit is used for acquiring linear gradient parameters set for the first area in the page; the linear gradual change parameter is adapted to the size of the page or the screen where the first area is located;
and the filling content rendering unit is used for rendering the filling content of the first area into linear gradient content according to the linear gradient parameter.
In a preferred embodiment, the linear fade parameters include a direction parameter of the linear fade, a start color parameter of the linear fade, and an end color parameter of the linear fade;
the filling content rendering unit is specifically configured to render the filling content of the first area as linear gradient content having a first gradient direction, a first starting color and a first ending color, where the first gradient direction corresponds to a direction parameter of linear gradient included in the linear gradient parameter; the first starting color corresponds to a starting color parameter of a linear gradation included in the linear gradation parameter; the first end color corresponds to an end color parameter of a linear gradation included in the linear gradation parameters.
In a preferred embodiment, said linear fade parameters further comprise parameters of at least one intermediate color of the linear fade;
the filling content rendering unit is specifically configured to render the filling content of the first area to be linear gradient content having the first gradient direction, a first start color, a first end color, and at least one first intermediate color, where each first intermediate color corresponds to a parameter of one of the linear gradient parameters.
In a preferred embodiment, the direction parameters of the linear fade include:
a direction parameter that changes gradually from top to bottom, or
A direction parameter that changes gradually from bottom to top, or
A direction parameter which changes gradually from left to right, or
A direction parameter changing from right to left, or
A direction parameter gradually changing from the lower right corner to the upper left corner, or
A direction parameter gradually changing from the lower left corner to the upper right corner, or
A direction parameter which changes gradually from the upper right corner to the lower left corner, or
Direction parameters that change gradually from the upper left corner to the lower right corner.
According to the scheme of the embodiment of the application, the filling content of the first area can be dynamically rendered according to the linear gradient parameter, the linear gradient content is richer than the display content of a pure background, and no matter how the size of the first area changes along with the size of a page or the size of a screen, the filling content of the area is filled by the linear gradient content when the filling content of the area is rendered, and the change of the display quality cannot be caused. Meanwhile, page maintenance personnel are not required to draw background pictures with different sizes respectively, so that the page maintenance workload is reduced.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, it is obvious that the drawings in the following description are only some embodiments described in the present application, and for those skilled in the art, other drawings can be obtained according to the drawings without any creative effort.
FIG. 1 is a flowchart of a method for dynamically displaying page filling content according to an embodiment of the present disclosure;
FIG. 2 is a flowchart of a method for dynamically displaying page filling content according to an embodiment of the present application;
fig. 3 is a flowchart of a method for dynamically displaying page filling content according to a second embodiment of the present application;
fig. 4 is a schematic diagram of a dynamic presentation apparatus for page filling content according to an embodiment of the present application.
Detailed Description
In order to make those skilled in the art better understand the technical solutions in the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, 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 application.
Fig. 1 is a flowchart illustrating a method for dynamically displaying page filling content according to an embodiment of the present application, where as shown in fig. 1, the method includes the following steps:
step S101: acquiring a linear gradual change parameter set for a certain area in a page;
step S102: and rendering the filling content of the first area into linear gradient content according to the linear gradient parameters.
And the linear gradual change parameter is adapted to the size of the page or the screen where the first area is located.
According to the scheme of the embodiment of the application, the filling content of the first area can be dynamically rendered according to the linear gradient parameter, the linear gradient content is richer than the display content of a pure background, and no matter how the size of the first area changes along with the size of a page or the size of a screen, the filling content of the area is filled by the linear gradient content when the filling content of the area is rendered, and the change of the display quality cannot be caused. Meanwhile, page maintenance personnel are not required to draw background pictures with different sizes respectively, so that the page maintenance workload is reduced.
The following detailed description is provided to illustrate specific implementations of the present disclosure by way of a few specific examples.
Example one
In this example, the first area is a container, and in practice, the container may be a container in a Banner object that needs to be filled with background content. In the design process of a page such as a website, the layout properties of containers such as Banner objects can be set to fit to specific boundaries in the page, such as to fit to two sides of the page, so that the sizes of the containers can be changed correspondingly when the resolution size of the page changes with the window size or the screen resolution size. The solution provided by this embodiment is just to solve the problem of content filling in such a container that can be adaptively sized.
Referring to fig. 2, the dynamic display method in the present embodiment includes:
step S201: acquiring a linear gradient parameter set for a banner object container in a page, wherein the linear gradient parameter comprises the following steps: a direction parameter of the linear fade, a start color parameter of the linear fade, and an end color parameter of the linear fade.
In the design process of the page, an instruction or an identifier for calling the linear gradient parameter can be set at the filling content parameter of the banner object container. For example, defined as linear-gradient, etc. Such instructions support incoming linear ramp parameters. In this example, the most basic linear fade content can be generated using these linear fade parameters. The details are as follows.
For the direction parameter of the linear gradual change, the direction of the linear gradual change effect used for characterizing the linear gradual change content may be set as any one of the following specific parameter values in practice:
1) the direction parameter, which is gradually changing from top to bottom, may be denoted "to top", or using an angle, such as 0deg, 360deg, or-360 deg;
2) the direction parameter, which is gradually changed from bottom to top, can be expressed as "to bottom", or expressed using an angle, such as 180deg or-180 deg;
3) the direction parameter, which changes gradually from left to right, can be expressed as "to left", or expressed by using an angle, such as-90 deg or 270 deg;
4) the direction parameter, which is gradually changed from right to left, can be represented as "to right", or represented using an angle, such as 90deg or-270 deg;
5) the direction parameter, which is gradually changed from the lower right corner to the upper left corner, can be expressed as "to top left", or expressed by using an angle, such as 315deg or-45 deg;
6) the direction parameter, which is gradually changed from the lower left corner to the upper right corner, can be expressed as "to top right", or expressed using an angle, such as-315 deg or 45 deg;
7) the direction parameter, which is gradually changed from the upper right corner to the lower left corner, can be expressed as "to bottom left", or expressed by using an angle, such as 225deg or-135 deg;
8) the direction parameter, which fades from the upper left corner to the lower right corner, can be expressed as "to bottom right", or expressed using an angle, such as-225 deg or 135 deg.
Furthermore, the above-mentioned direction parameter of linear fade may also support the fade direction parameter for the user to input any angle value, for example, any angle between 0 and 360deg or between 0 and-360 deg.
The same color scale system can be used for both the parameters of the starting color and the parameters of the ending color, e.g. as the color scale values denoted # ccc or # 000.
Step S202: the filling content of the rendered Banner object container is the gradient content having a first gradient direction, a first starting color and a first ending color, wherein the first gradient direction of the filling corresponds to the direction parameter of the linear gradient in step S201, the first starting color corresponds to the starting color parameter in step S201, and the first ending color corresponds to the ending color parameter in step S201.
By this step, it is possible to fill the Banner object container according to the respective parameters in step S201, because the filling effect of the linear gradation itself does not limit the size of the filling, but only concerns the gradation direction, the start color, and the end color, and therefore, the filling content of the linear gradation of the Banner object container is always kept consistent regardless of the change of the Banner object container with the size of the page, and the display quality is not degraded.
In practice, the execution subject of each step in the present embodiment may be a client.
Example two
In this example, the first area is a container, and the description is still given by taking the container of the Banner object as an example.
Referring to fig. 3, the dynamic display method in the present embodiment includes:
step S301: acquiring a linear gradient parameter set for a banner object container in a page, wherein the linear gradient parameter comprises the following steps: a direction parameter of the linear fade, a start color parameter of the linear fade, an end color parameter of the linear fade, and a parameter of at least one intermediate color of the linear fade.
In the design process of the page, an instruction or an identifier for calling the linear gradient parameter can be set at the filling content parameter of the banner object container. For example, defined as linear-gradient, etc. Such instructions support incoming linear ramp parameters. In this example, the most basic linear fade content can be generated using these linear fade parameters. The details are as follows.
For the direction parameter of the linear gradual change, the direction of the linear gradual change effect used for characterizing the linear gradual change content may be set as any one of the following specific parameter values in practice:
1) the direction parameter, which is gradually changing from top to bottom, may be denoted "to top", or using an angle, such as 0deg, 360deg, or-360 deg;
2) the direction parameter, which is gradually changed from bottom to top, can be expressed as "to bottom", or expressed using an angle, such as 180deg or-180 deg;
3) the direction parameter, which changes gradually from left to right, can be expressed as "to left", or expressed by using an angle, such as-90 deg or 270 deg;
4) the direction parameter, which is gradually changed from right to left, can be represented as "to right", or represented using an angle, such as 90deg or-270 deg;
5) the direction parameter, which is gradually changed from the lower right corner to the upper left corner, can be expressed as "to top left", or expressed by using an angle, such as 315deg or-45 deg;
6) the direction parameter, which is gradually changed from the lower left corner to the upper right corner, can be expressed as "to top right", or expressed using an angle, such as-315 deg or 45 deg;
7) the direction parameter, which is gradually changed from the upper right corner to the lower left corner, can be expressed as "to bottom left", or expressed by using an angle, such as 225deg or-135 deg;
8) the direction parameter, which fades from the upper left corner to the lower right corner, can be expressed as "to bottom right", or expressed using an angle, such as-225 deg or 135 deg.
Furthermore, the above-mentioned direction parameter of linear fade may also support the fade direction parameter for the user to input any angle value, for example, any angle between 0 and 360deg or between 0 and-360 deg.
The same color scale system can be used for both the parameters of the starting color and the parameters of the ending color, e.g. as the color scale values denoted # ccc or # 000.
It should be noted that, in this embodiment, at least one intermediate color parameter is further supported to be added to the linear gradient parameter, so that the linear gradient content formed by final rendering achieves a multi-color gradient effect. Such as a parameter specifying #666 and #999 as two intermediate colors.
Step S302: rendering the fill content of the Banner object container as linear gradient content having the first gradient direction, a first start color, a first end color, and at least one first intermediate color. The first fade direction filled here corresponds to the direction parameter of the linear fade in step S301, the first start color corresponds to the start color parameter in step S301, the first end color corresponds to the end color parameter in step S301, and each first intermediate color corresponds to the parameter of one of the intermediate colors in the linear fade parameter in step S301.
By this step, it is possible to fill the Banner object container according to the respective parameters in step S301, because the filling effect of the linear gradation itself does not limit the size of the filling, but only concerns the gradation direction, the start color, the end color, and the intermediate color, and therefore, the filling content of the linear gradation of the Banner object container is always consistent regardless of the variation of the Banner object container with the size of the page, and the display quality is not degraded.
Fig. 4 is a schematic diagram illustrating an apparatus for dynamically presenting page filling content according to an embodiment of the present application, where, as shown in fig. 4, the apparatus includes: a linear fade parameter acquisition unit 401 and a filler rendering unit 402. The linear gradient parameter obtaining unit 401 is configured to obtain a linear gradient parameter set for a first area in a page, and the filling content rendering unit 402 is configured to render the filling content of the first area to be linear gradient content according to the linear gradient parameter.
In one embodiment, the linear ramp parameters include: a direction parameter of the linear fade, a start color parameter of the linear fade, and an end color parameter of the linear fade. The linear gradual change parameter is adapted to the size of the page or the screen where the first area is located.
For the direction parameter of the linear gradual change, the direction of the linear gradual change effect used for characterizing the linear gradual change content may be set as any one of the following specific parameter values in practice:
1) the direction parameter, which is gradually changing from top to bottom, may be denoted "to top", or using an angle, such as 0deg, 360deg, or-360 deg;
2) the direction parameter, which is gradually changed from bottom to top, can be expressed as "to bottom", or expressed using an angle, such as 180deg or-180 deg;
3) the direction parameter, which changes gradually from left to right, can be expressed as "to left", or expressed by using an angle, such as-90 deg or 270 deg;
4) the direction parameter, which is gradually changed from right to left, can be represented as "to right", or represented using an angle, such as 90deg or-270 deg;
5) the direction parameter, which is gradually changed from the lower right corner to the upper left corner, can be expressed as "to top left", or expressed by using an angle, such as 315deg or-45 deg;
6) the direction parameter, which is gradually changed from the lower left corner to the upper right corner, can be expressed as "to top right", or expressed using an angle, such as-315 deg or 45 deg;
7) the direction parameter, which is gradually changed from the upper right corner to the lower left corner, can be expressed as "to bottom left", or expressed by using an angle, such as 225deg or-135 deg;
8) the direction parameter, which fades from the upper left corner to the lower right corner, can be expressed as "to bottom right", or expressed using an angle, such as-225 deg or 135 deg.
Furthermore, the above-mentioned direction parameter of linear fade may also support the fade direction parameter for the user to input any angle value, for example, any angle between 0 and 360deg or between 0 and-360 deg.
The same color scale system can be used for both the parameters of the starting color and the parameters of the ending color, e.g. as the color scale values denoted # ccc or # 000.
At this time, the filling content rendering unit 402 is specifically configured to render the filling content of the first area as linear gradient content having a first gradient direction, a first starting color and a first ending color, where the first gradient direction corresponds to a direction parameter of linear gradient included in the linear gradient parameter; the first starting color corresponds to a starting color parameter of the linear gradation included in the linear gradation parameter; the first end color corresponds to an end color parameter of the linear gradation included in the linear gradation parameters.
In another embodiment, the linear ramp parameters further include: parameters of at least one intermediate color of the linear gradation. This will enable the linear gradient content formed by the final rendering to achieve a multi-colored gradient effect. Such as a parameter specifying #666 and #999 as two intermediate colors.
At this time, the filling content rendering unit 402 is specifically configured to render the filling content of the first area as a linear gradient content having a first gradient direction, a first start color, a first end color, and at least one first intermediate color, where each first intermediate color corresponds to a parameter of one of the linear gradient parameters.
In the 90 s of the 20 th century, improvements in a technology could clearly distinguish between improvements in hardware (e.g., improvements in circuit structures such as diodes, transistors, switches, etc.) and improvements in software (improvements in process flow). However, as technology advances, many of today's process flow improvements have been seen as direct improvements in hardware circuit architecture. Designers almost always obtain the corresponding hardware circuit structure by programming an improved method flow into the hardware circuit. Thus, it cannot be said that an improvement in the process flow cannot be realized by hardware physical modules. For example, a Programmable Logic Device (PLD), such as a Field Programmable Gate Array (FPGA), is an integrated circuit whose Logic functions are determined by programming the Device by a user. A digital system is "integrated" on a PLD by the designer's own programming without requiring the chip manufacturer to design and fabricate a dedicated integrated circuit chip 2. Furthermore, nowadays, instead of manually making an integrated Circuit chip, such Programming is often implemented by "logic compiler" software, which is similar to a software compiler used in program development and writing, but the original code before compiling is also written by a specific Programming Language, which is called Hardware Description Language (HDL), and HDL is not only one but many, such as abel (advanced Boolean Expression Language), ahdl (alternate Language Description Language), traffic, pl (core unified Programming Language), HDCal, JHDL (Java Hardware Description Language), langue, Lola, HDL, laspam, hardsradware (Hardware Description Language), vhjhd (Hardware Description Language), and vhigh-Language, which are currently used in most popular applications. It will also be apparent to those skilled in the art that hardware circuitry that implements the logical method flows can be readily obtained by merely slightly programming the method flows into an integrated circuit using the hardware description languages described above.
The controller may be implemented in any suitable manner, for example, the controller may take the form of, for example, a microprocessor or processor and a computer-readable medium storing computer-readable program code (e.g., software or firmware) executable by the (micro) processor, logic gates, switches, an Application Specific Integrated Circuit (ASIC), a programmable logic controller, and an embedded microcontroller, examples of which include, but are not limited to, the following microcontrollers: ARC 625D, Atmel AT91SAM, Microchip PIC18F26K20, and Silicone Labs C8051F320, the memory controller may also be implemented as part of the control logic for the memory.
Those skilled in the art will also appreciate that, in addition to implementing the controller as pure computer readable program code, the same functionality can be implemented by logically programming method steps such that the controller is in the form of logic gates, switches, application specific integrated circuits, programmable logic controllers, embedded microcontrollers and the like. Such a controller may thus be considered a hardware component, and the means included therein for performing the various functions may also be considered as a structure within the hardware component. Or even means for performing the functions may be regarded as being both a software module for performing the method and a structure within a hardware component.
The systems, devices, modules or units illustrated in the above embodiments may be implemented by a computer chip or an entity, or by a product with certain functions.
For convenience of description, the above devices are described as being divided into various units by function, and are described separately. Of course, the functionality of the units may be implemented in one or more software and/or hardware when implementing the present application.
From the above description of the embodiments, it is clear to those skilled in the art that the present application can be implemented by software plus necessary general hardware platform. With this understanding in mind, the present solution, or portions thereof that contribute to the prior art, may be embodied in the form of a software product, which in a typical configuration includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory. The computer software product may include instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to perform the methods described in the various embodiments or portions of embodiments of the present application. The computer software product may be stored in a memory, which may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium. Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include transitory computer readable media (transient media), such as modulated data signals and carrier waves.
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, for the system embodiment, since it is substantially similar to the method embodiment, the description is simple, and for the relevant points, reference may be made to the partial description of the method embodiment.
The application is operational with numerous general purpose or special purpose computing system environments or configurations. For example: personal computers, server computers, hand-held or portable devices, tablet devices, multiprocessor systems, microprocessor-based systems, set top boxes, programmable consumer electronics, network PCs, minicomputers, mainframe computers, distributed computing environments that include any of the above systems or devices, and the like.
The application may be described in the general context of computer-executable instructions, such as program modules, being executed by a computer. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform particular tasks or implement particular abstract data types. The application may also be practiced in distributed computing environments where tasks are performed by remote processing devices that are linked through a communications network. In a distributed computing environment, program modules may be located in both local and remote computer storage media including memory storage devices.
While the present application has been described with examples, those of ordinary skill in the art will appreciate that there are numerous variations and permutations of the present application without departing from the spirit of the application, and it is intended that the appended claims encompass such variations and permutations without departing from the spirit of the application.
Claims (10)
1. A dynamic display method of page filling content is characterized by comprising the following steps:
acquiring a linear gradient parameter set for a first area in a page; wherein, the first area is a container which is required to be filled with background content in the Banner object;
rendering the filling content of the first area into linear gradient content according to the linear gradient parameters;
and the linear gradual change parameter is adapted to the size of the page or the screen where the first area is located.
2. The dynamic display method according to claim 1, wherein the linear gradient parameters include a direction parameter of the linear gradient, a start color parameter of the linear gradient, and an end color parameter of the linear gradient;
the rendering the filling content of the first area into the linear gradient content according to the parameters of the linear gradient comprises:
rendering the filling content of the first area into linear gradient content with a first gradient direction, a first starting color and a first ending color, wherein the first gradient direction corresponds to a direction parameter of linear gradient included in the linear gradient parameter; the first starting color corresponds to a starting color parameter of a linear gradation included in the linear gradation parameter; the first end color corresponds to an end color parameter of a linear gradation included in the linear gradation parameters.
3. The dynamic presentation method according to claim 1, wherein said linear fade parameters further comprise parameters of at least one intermediate color of the linear fade;
the rendering the filling content of the first area into the linear gradient content according to the parameters of the linear gradient comprises:
rendering the filler content of the first area as linear gradient content having a first gradient direction, a first start color, a first end color and at least one first intermediate color, each of the first intermediate colors corresponding to a parameter of one of the linear gradient parameters.
4. A dynamic presentation method as claimed in claim 2 or 3, wherein said direction parameters of said linear gradient comprise:
a direction parameter that changes gradually from top to bottom, or
A direction parameter that changes gradually from bottom to top, or
A direction parameter which changes gradually from left to right, or
A direction parameter changing from right to left, or
A direction parameter gradually changing from the lower right corner to the upper left corner, or
A direction parameter gradually changing from the lower left corner to the upper right corner, or
A direction parameter which changes gradually from the upper right corner to the lower left corner, or
Direction parameters that change gradually from the upper left corner to the lower right corner.
5. The dynamic presentation method according to claim 1, wherein the direction parameters of the linear gradient comprise:
and (4) direction parameters of gradual change of any angle value.
6. The dynamic presentation method of claim 1, wherein the first area is at least one container in a page.
7. An apparatus for dynamically displaying page filler content, comprising:
the linear gradient parameter acquisition unit is used for acquiring linear gradient parameters set for the first area in the page; the linear gradual change parameter is adapted to the size of the page or the screen where the first area is located; wherein, the first area is a container which is required to be filled with background content in the Banner object;
and the filling content rendering unit is used for rendering the filling content of the first area into linear gradient content according to the linear gradient parameter.
8. The dynamic display apparatus according to claim 7, wherein the linear fade parameters comprise a direction parameter of the linear fade, a start color parameter of the linear fade, and an end color parameter of the linear fade;
the filling content rendering unit is specifically configured to render the filling content of the first area as linear gradient content having a first gradient direction, a first starting color and a first ending color, where the first gradient direction corresponds to a direction parameter of linear gradient included in the linear gradient parameter; the first starting color corresponds to a starting color parameter of a linear gradation included in the linear gradation parameter; the first end color corresponds to an end color parameter of a linear gradation included in the linear gradation parameters.
9. The dynamic display apparatus of claim 7, wherein the linear fade parameters further comprise parameters of at least one intermediate color of the linear fade;
the filling content rendering unit is specifically configured to render the filling content of the first area to be linear gradient content having a first gradient direction, a first start color, a first end color, and at least one first intermediate color, where each first intermediate color corresponds to a parameter of one of the linear gradient parameters.
10. A dynamic display device as claimed in claim 8 or 9, characterised in that the direction parameters of the linear fade comprise:
a direction parameter that changes gradually from top to bottom, or
A direction parameter that changes gradually from bottom to top, or
A direction parameter which changes gradually from left to right, or
A direction parameter changing from right to left, or
A direction parameter gradually changing from the lower right corner to the upper left corner, or
A direction parameter gradually changing from the lower left corner to the upper right corner, or
A direction parameter which changes gradually from the upper right corner to the lower left corner, or
Direction parameters that change gradually from the upper left corner to the lower right corner.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410669516.5A CN105677674B (en) | 2014-11-20 | 2014-11-20 | Dynamic display method and device for page filling content |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410669516.5A CN105677674B (en) | 2014-11-20 | 2014-11-20 | Dynamic display method and device for page filling content |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105677674A CN105677674A (en) | 2016-06-15 |
| CN105677674B true CN105677674B (en) | 2020-08-25 |
Family
ID=56957853
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410669516.5A Active CN105677674B (en) | 2014-11-20 | 2014-11-20 | Dynamic display method and device for page filling content |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105677674B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109885306B (en) * | 2019-02-27 | 2022-04-08 | 上海宝尊电子商务有限公司 | Method and system for quickly and efficiently realizing banner dynamic effect |
| CN111724449A (en) * | 2019-03-19 | 2020-09-29 | 北京京东尚科信息技术有限公司 | Image processing method, device and equipment |
| CN110069254B (en) * | 2019-04-30 | 2023-07-14 | 广东三维家信息科技有限公司 | Text display method, text display device and server |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101046881A (en) * | 2006-03-31 | 2007-10-03 | 北京北大方正电子有限公司 | Linear color gradual changed method and system |
| CN101551912A (en) * | 2008-03-31 | 2009-10-07 | 兄弟工业株式会社 | Image generating device, image generating method and printing device |
| CN101593355A (en) * | 2008-03-31 | 2009-12-02 | 兄弟工业株式会社 | Video generation device, image generating method and printing equipment |
| CN201846426U (en) * | 2010-11-10 | 2011-05-25 | 北京赛四达科技股份有限公司 | Multi-image automatic geometry and edge blending system based on photography |
| CN102663126A (en) * | 2012-04-23 | 2012-09-12 | 奇智软件（北京）有限公司 | Method and device for displaying webpage in mobile terminal |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102339197A (en) * | 2010-07-26 | 2012-02-01 | 鸿富锦精密工业（深圳）有限公司 | Embedded system with date and time adjustment function and method for adjusting date and time |
| US20120079408A1 (en) * | 2010-09-24 | 2012-03-29 | Visibility, Biz. Inc. | Systems and methods for generating a swimlane timeline for task data visualization |
-
2014
- 2014-11-20 CN CN201410669516.5A patent/CN105677674B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101046881A (en) * | 2006-03-31 | 2007-10-03 | 北京北大方正电子有限公司 | Linear color gradual changed method and system |
| CN101551912A (en) * | 2008-03-31 | 2009-10-07 | 兄弟工业株式会社 | Image generating device, image generating method and printing device |
| CN101593355A (en) * | 2008-03-31 | 2009-12-02 | 兄弟工业株式会社 | Video generation device, image generating method and printing equipment |
| CN201846426U (en) * | 2010-11-10 | 2011-05-25 | 北京赛四达科技股份有限公司 | Multi-image automatic geometry and edge blending system based on photography |
| CN102663126A (en) * | 2012-04-23 | 2012-09-12 | 奇智软件（北京）有限公司 | Method and device for displaying webpage in mobile terminal |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105677674A (en) | 2016-06-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10540744B2 (en) | Flexible control in resizing of visual displays | |
| CN107239287B (en) | Webpage display method and device, electronic equipment and storage medium | |
| CN106484080B (en) | Display interface display method, device and equipment | |
| CN109032722B (en) | Method, device, equipment and medium for updating display effect of UI component | |
| CN111339455A (en) | Method and device for loading page first screen by browser application | |
| CN111727424B (en) | Adaptive interface conversion across display screens | |
| CN110941784A (en) | Page generation method and device | |
| CN108021671B (en) | Page transparent processing method and device | |
| US20160180803A1 (en) | Power optimization by rendering low-resolution tiles during page load | |
| US10672362B2 (en) | Systems and methods for digital content creation and rendering | |
| US20230367953A1 (en) | Display rendering method and system | |
| CN105677674B (en) | Dynamic display method and device for page filling content | |
| CN108052565B (en) | Transparent processing method and device for page | |
| US20150074519A1 (en) | Method and apparatus of controlling page element | |
| CN110806847A (en) | Distributed multi-screen display method, device, equipment and system | |
| CN107179920B (en) | Network engine starting method and device | |
| CN111833417A (en) | Method and system for realizing black and white mode of android application program | |
| CN110262749B (en) | Webpage operation method, device, container, equipment and medium | |
| CN106610824B (en) | Page height self-adaption method and device | |
| US9153193B2 (en) | Primitive rendering using a single primitive type | |
| CN110968811A (en) | Display control method and device | |
| CN115391692A (en) | Video processing method and device | |
| CN114356324A (en) | Interface processing method, device, equipment and storage medium | |
| CN112307383A (en) | Page loading method and device | |
| CN103942045A (en) | User interface written message replacing method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |