Display page zooming method and device, computer equipment and storage medium

Abstract

The invention relates to a display page zooming method and device, computer equipment, a storage medium and a computer program product. The method comprises the steps that the screen resolution and screen abnormal point information of a display screen and the page resolution of an expected display page of the display screen are obtained, equal-proportion zooming processing is conducted on the expected display page according to the screen resolution and the page resolution, and a zoomed page matched with the display screen is obtained, and the expected display page is integrally adjusted, so that omission of detail elements is avoided, and the page zooming efficiency is improved. The zoom page is adjusted on the basis of the abnormal point position indicated by the screen abnormal point information, an updated zoom page is obtained, the display content, at the abnormal point position, of the updated zoom page serves as the background, and the updated zoom page is rendered and displayed on the display screen. It is ensured that the updated and zoomed page can be normally displayed in the display screen, the page does not need to be manually and finely adjusted, and the page zooming efficiency is further improved.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a display page zooming method, device, computer equipment, storage medium and computer program product. Background Art

[0002] In the current digital age, screen display technology is widely used in many fields such as corporate display, data center monitoring, conference presentation, etc. However, in the face of cross-platform compatibility issues caused by diversified display devices, it is necessary to design the front-end of the page to adapt it to various display devices.

[0003] In the traditional method, each page element in the page is scaled and adjusted, which easily leads to missing of detail elements. When there are many elements in the page or the screen of the display device has bad pixels, the scaled and adjusted page often cannot be adapted to the display device, and manual fine-tuning of the elements is required, resulting in low page scaling efficiency. Summary of the invention

[0004] Based on this, it is necessary to provide a display page zooming method, apparatus, computer device, computer-readable storage medium and computer program product that can improve page zooming efficiency in response to the above technical problems.

[0005] In a first aspect, the present application provides a method for zooming a display page. The method comprises:

[0006] The screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen are obtained; according to the screen resolution and the page resolution, the expected display page is proportionally scaled to obtain a scaled page adapted to the display screen; based on the abnormal point position indicated by the screen abnormal point information, the scaled page is adjusted to obtain an updated scaled page; the display content of the updated scaled page at the abnormal point position is used as the background; and the updated scaled page is rendered and displayed on the display screen.

[0007] In one of the embodiments, the screen resolution includes screen length and screen width; the page resolution includes page length and page width; the expected display page is proportionally scaled according to the screen resolution and the page resolution to obtain a scaled page adapted to the display screen, including: determining a first scaling ratio of the page length relative to the screen length, and a second scaling ratio of the page width relative to the screen width; taking the larger value of the first scaling ratio and the second scaling ratio as the page scaling ratio; and proportionally scaling the expected display page according to the page scaling ratio to obtain a scaled page adapted to the display screen.

[0008] In one of the embodiments, the zoom page is adjusted based on the abnormal point position indicated by the screen abnormal point information to obtain an updated zoom page, including: obtaining the element position corresponding to each page element in the zoom page; when there is a target position in each element position that matches the abnormal point position indicated by the screen abnormal point information, adjusting the target position to obtain an updated zoom page.

[0009] In one of the embodiments, the abnormal point positions indicated by the screen abnormal point information are the abnormal point positions of multiple screen abnormal points respectively; the zoom page includes multiple content cards; the zoom page is adjusted based on the abnormal point positions indicated by the screen abnormal point information to obtain an updated zoom page, including: according to the abnormal point positions of each of the screen abnormal points, each of the screen abnormal points is connected to obtain an abnormal area; according to the area position of the abnormal area, the card position of each of the content cards in the zoom page is adjusted to obtain an updated zoom page; each of the content cards is located at a position other than the area position in the updated zoom page.

[0010] In one of the embodiments, the method further includes: obtaining the card position of each of the content cards in the zoom page; in each of the content cards, screening target cards whose card positions are in the regional positions of the abnormal area; performing zoom processing on the target cards to obtain an updated zoom page; the target cards after zoom processing are located at other positions other than the regional position in the updated zoom page.

[0011] In one of the embodiments, rendering and displaying the updated zoom page on the display screen includes: determining a page area corresponding to the updated zoom page and a fill area other than the page area in the display screen; determining regional color information of the fill area based on page color information configured for the updated zoom page; rendering the updated zoom page according to the page color information to obtain a page rendering result; rendering the fill area according to the regional color information to obtain a regional rendering result; and displaying the page rendering result and the regional rendering result on the display screen.

[0012] In a second aspect, the present application also provides a display page zooming device. The device comprises:

[0013] An acquisition module is used to acquire the screen resolution and screen abnormal point information of a display screen, and the page resolution of an expected display page of the display screen; a scaling module is used to perform proportional scaling processing on the expected display page according to the screen resolution and the page resolution to obtain a scaled page adapted to the display screen; an adjustment module is used to adjust the scaled page based on the abnormal point position indicated by the screen abnormal point information to obtain an updated scaled page; the display content of the updated scaled page at the abnormal point position is used as the background; and a display module is used to render and display the updated scaled page on the display screen.

[0014] In a third aspect, the present application further provides a computer device. The computer device includes a memory and a processor, the memory stores a computer program, and the processor implements the following steps when executing the computer program:

[0015] The screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen are obtained; according to the screen resolution and the page resolution, the expected display page is proportionally scaled to obtain a scaled page adapted to the display screen; based on the abnormal point position indicated by the screen abnormal point information, the scaled page is adjusted to obtain an updated scaled page; the display content of the updated scaled page at the abnormal point position is used as the background; and the updated scaled page is rendered and displayed on the display screen.

[0016] In a fourth aspect, the present application further provides a computer-readable storage medium. The computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the following steps are implemented:

[0017] The screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen are obtained; according to the screen resolution and the page resolution, the expected display page is proportionally scaled to obtain a scaled page adapted to the display screen; based on the abnormal point position indicated by the screen abnormal point information, the scaled page is adjusted to obtain an updated scaled page; the display content of the updated scaled page at the abnormal point position is used as the background; and the updated scaled page is rendered and displayed on the display screen.

[0018] In a fifth aspect, the present application further provides a computer program product. The computer program product includes a computer program, and when the computer program is executed by a processor, the following steps are implemented:

[0019] The screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen are obtained; according to the screen resolution and the page resolution, the expected display page is proportionally scaled to obtain a scaled page adapted to the display screen; based on the abnormal point position indicated by the screen abnormal point information, the scaled page is adjusted to obtain an updated scaled page; the display content of the updated scaled page at the abnormal point position is used as the background; and the updated scaled page is rendered and displayed on the display screen.

[0020] The above-mentioned display page zooming method, device, computer equipment, storage medium and computer program product obtain the screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen, and perform proportional zooming processing on the expected display page according to the screen resolution and the page resolution to obtain a zoomed page adapted to the display screen, and make overall adjustments to the expected display page to avoid missing detail elements, thereby improving the page zooming efficiency. Based on the abnormal point position indicated by the screen abnormal point information, the zoomed page is adjusted to obtain an updated zoomed page, and the display content of the updated zoomed page at the abnormal point position is used as the background, and the updated zoomed page is rendered and displayed on the display screen. The above-mentioned method ensures that the updated zoomed page can be displayed normally on the display screen, and there is no need to manually fine-tune the page, thereby further improving the page zooming efficiency. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] FIG1 is a diagram showing an application environment of a method for displaying page zooming in an embodiment;

[0022] FIG2 is a schematic diagram of a flow chart of a method for zooming a display page in one embodiment;

[0023] FIG3 is a schematic diagram of a flow chart of a method for full-resolution adaptation to a large screen based on Vue in one embodiment;

[0024] FIG4 is a schematic diagram of updating a zoom page and a fill area in one embodiment;

[0025] FIG5 is a structural block diagram of a display page zooming device in one embodiment;

[0026] FIG. 6 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION

[0027] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0028] The display page zooming method provided in the embodiment of the present application can be applied to the application environment shown in FIG1. ​​In which, the terminal 102 communicates with the server 104 through a network. The data storage system can store data that the server 104 needs to process. The data storage system can be integrated on the server 104, or it can be placed on the cloud or other network servers.

[0029] The server 104 may obtain the screen resolution and screen abnormal point information of the display screen of the terminal 102, and the page resolution of the expected display page of the display screen. The server 104 may perform proportional scaling processing on the expected display page according to the screen resolution and the page resolution to obtain a scaled page adapted to the display screen. The server 104 may adjust the scaled page based on the abnormal point position indicated by the screen abnormal point information to obtain an updated scaled page; the display content of the updated scaled page at the abnormal point position is used as the background. The server 104 may render and display the updated scaled page on the display screen of the terminal 102.

[0030] The terminal 102 may be, but is not limited to, various personal computers, laptops, smart phones, tablet computers, IoT devices, and portable wearable devices. The IoT devices may be smart speakers, smart TVs, smart air conditioners, smart car-mounted devices, etc. The portable wearable devices may be smart watches, smart bracelets, head-mounted devices, etc. The server 104 may be implemented as an independent server or a server cluster consisting of multiple servers.

[0031] In one embodiment, as shown in FIG. 2 , a method for zooming a displayed page is provided, and the method is described by taking the application of the method to the server 104 in FIG. 1 as an example, including:

[0032] S202, obtaining the screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen.

[0033] The display screen may be a screen with a display function in a terminal. The terminal may be, but is not limited to, various personal computers, laptops, smart phones, tablet computers, IoT devices, and portable wearable devices. IoT devices may be smart speakers, smart TVs, smart air conditioners, smart car-mounted devices, etc. Portable wearable devices may be smart watches, smart bracelets, head-mounted devices, etc. For example, the display screen may be the screen of a smart phone, the display screen may be the screen of a smart watch, the display screen may also be a large LED screen, a screen used by a company for display, etc.

[0034] Screen resolution refers to the resolution of the display screen when displaying images, that is, the number of pixels in the horizontal and vertical directions on the screen. Resolution is usually expressed in the form of width multiplied by height, such as 1920×1080, which means that the display has 1920 horizontal pixels and 1080 vertical pixels. The higher the resolution, the more pixels are displayed on the screen, the finer the image, and the higher the clarity.

[0035] The screen abnormal point information may indicate the bad pixels that appear on the display screen. Taking the display screen as a liquid crystal display screen as an example, the abnormal points or bad points may be irreparable pixels caused by defects or damage during the production process of the liquid crystal panel. The bad pixels of the liquid crystal display screen can be divided into bright points and dark points. Bright points are points that are always bright in any picture, while dark points are points that are always dark in any picture. The screen abnormal point information may include: the type of abnormal points, the number of abnormal points, and the location of the abnormal points in the display screen.

[0036] The expected display page may represent a display page that the user expects to be displayed on the display screen. The display page may be a page containing specific display content, for example, the display page may be a page containing a table, a bar chart, a line chart, etc. In order to make the display content in the expected display page display better on the display screen, the display page may be scaled to ensure that the display page presented on the display screen has a better visual effect.

[0037] The page resolution may indicate the resolution corresponding to the desired display page. Specifically, the page resolution may indicate the resolution of the desired display page in the original development interface. For example, the resolution of the original development interface may be 1080×975.

[0038] Specifically, the server may directly read the screen resolution and screen abnormal point information of the display screen from the terminal.

[0039] In one of the embodiments, the server may perform screen detection on the terminal to obtain screen abnormal point information of the display screen.

[0040] Specifically, the server may acquire the development resolution of the page development terminal and may use the development resolution as the page resolution of the desired display page of the display screen.

[0041] In one embodiment, the server may obtain multiple page components, multiple page styles, and multiple page contents configured for the desired display page. The server may assemble any page component, any page style, and any page content to obtain the desired display page.

[0042] Among them, page components can be the basic units that constitute a page. Page components can include basic components, layout components, navigation components, etc. Basic components include buttons, dividing lines, icons, etc. Layout components include grids, layouts, etc. Page style can be the style of page content, such as inline style, embedded style, and linked style. Page style reflects the color, font, text size, element spacing, and layout of page content. Page content can be actual text content, actual pictures, actual tables, etc.

[0043] S204, scaling the desired display page in equal proportion according to the screen resolution and the page resolution to obtain a scaled page adapted to the display screen.

[0044] Among them, proportional scaling can keep the aspect ratio unchanged when adjusting the image size to prevent the image from being deformed. This technology is widely used in many fields, such as web design, graphic design, and photography editing. The principle of proportional scaling is to ensure that the width and height of the image are adjusted in the same proportion during the scaling process through mathematical calculations, thereby maintaining the original proportions of the image.

[0045] Specifically, the proportional scaling process may mean reducing or enlarging the desired display page, and the aspect ratio of the desired display page remains unchanged during the reduction or enlargement process.

[0046] The zoomed page adapted to the display screen may indicate that the resolution of the zoomed page is adapted to the screen resolution. In other words, the page length of the page resolution of the zoomed page may be less than or equal to the screen length of the screen resolution, and the page width of the page resolution of the zoomed page may be less than or equal to the screen width of the screen resolution.

[0047] Specifically, the server may determine the scaling parameters of the desired display page according to the screen resolution and the page resolution, and the server may perform proportional scaling processing on the desired display page according to the scaling parameters to obtain a scaled page adapted to the display screen.

[0048] The scaling parameters include a scaling direction and a scaling ratio. The scaling direction includes a zoom-out direction and a zoom-in direction. The scaling ratio may represent a ratio of compressing the page length and page width of the desired display page in equal proportion.

[0049] In one embodiment, the screen resolution includes the screen length and the screen width, and the page resolution includes the page length and the page width. The server may determine a first scaling ratio of the page length relative to the screen length, and a second scaling ratio of the page width relative to the screen width. The server may use the larger value of the first scaling ratio and the second scaling ratio as the page scaling ratio. The server may perform proportional scaling processing on the desired display page according to the page scaling ratio to obtain a scaled page adapted to the display screen.

[0050] Specifically, the server may also obtain multiple preset scaling ratios configured for the screen resolution. The server performs proportional scaling processing on the desired display page according to the preset scaling ratios to obtain intermediate pages corresponding to the preset scaling ratios. The server may select the scaling page adapted to the display screen from the intermediate pages.

[0051] S206: Adjust the zoom page based on the abnormal point position indicated by the screen abnormal point information to obtain an updated zoom page.

[0052] Among them, the screen abnormal point information can represent the information corresponding to each of multiple abnormal points (also called bad points or dead points) appearing on the display screen.

[0053] The outlier position may indicate the position of the outlier in the display screen. The outlier position may be expressed in pixel coordinates. The outlier may be a pixel, or may be a plurality of pixel regions clustered together. In the case where the outlier is a plurality of pixel regions clustered together, the outlier position may indicate the center position of the pixel region, or may indicate the position of a region edge point of the pixel region.

[0054] The updated zoom page represents the adjusted zoom page, wherein the display content of the updated zoom page at the abnormal point position is the background.

[0055] The displayed content may include actual content and background. The actual content may include page components and page content. Among them, page components may include buttons, dividing lines, and icons. Page content may include actual text content, actual pictures, and actual tables. For example, a button embedded in a black area has an area corresponding to the button as the actual content, and the area of ​​the black area other than the area corresponding to the button is the background.

[0056] There are several ways to adjust the zoom page.

[0057] Specifically, the position of the zoom page may be moved. The server may move the zoom page horizontally and / or vertically in the display screen to obtain an updated zoom page. The display content of the updated zoom page at the abnormal point position is the background.

[0058] Specifically, the page elements in the zoomed page may be adjusted. The server may obtain the element positions corresponding to the respective page elements in the zoomed page. When there is a target position in each element position that matches the abnormal point position indicated by the screen abnormal point information, the server may adjust the target position to obtain an updated zoomed page.

[0059] Specifically, the content cards in the zoom page may be adjusted, and the abnormal point positions indicated by the screen abnormal point information are the abnormal point positions of the multiple screen abnormal points; the zoom page includes multiple content cards. The server may connect the screen abnormal points according to the abnormal point positions of the screen abnormal points to obtain the abnormal area. The server may adjust the card positions of the content cards in the zoom page according to the regional positions of the abnormal areas to obtain an updated zoom page; the content cards are located in other positions except the regional positions in the updated zoom page.

[0060] S208, rendering and displaying the updated zoom page on the display screen.

[0061] Rendering and displaying the updated zoom page on the display screen includes multiple rendering and displaying methods. Specifically, the server can render the display content in the updated zoom page to obtain a content rendering result. The server can display the content rendering result on the display screen.

[0062] The server may also render the background in the updated zoom page to obtain a background rendering result. The server may display the background rendering result on the display screen.

[0063] The server may also render an area other than the updated rendering page in the display screen to obtain a candidate rendering result. The server may display the candidate rendering result on the display screen. In one embodiment, the server may determine the page area corresponding to the updated zoom page and the fill area other than the page area in the display screen. The server may determine the regional color information of the fill area based on the page color information configured for the updated zoom page. The server may render the updated zoom page according to the page color information to obtain a page rendering result; and render the fill area according to the regional color information to obtain a regional rendering result. The server may display the page rendering result and the regional rendering result on the display screen.

[0064] In the above display page zooming method, the screen resolution and screen abnormal point information of the display screen and the page resolution of the expected display page of the display screen are obtained, and the expected display page is proportionally zoomed according to the screen resolution and the page resolution to obtain a zoomed page adapted to the display screen, and the expected display page is adjusted as a whole to avoid missing detail elements, thereby improving the page zooming efficiency. Based on the abnormal point position indicated by the screen abnormal point information, the zoomed page is adjusted to obtain an updated zoomed page, and the display content of the updated zoomed page at the abnormal point position is used as the background, and the updated zoomed page is rendered and displayed on the display screen. The above method ensures that the updated zoomed page can be displayed normally on the display screen without manual fine-tuning of the page, thereby further improving the page zooming efficiency.

[0065] In one embodiment, the screen resolution includes the screen length and the screen width, the page resolution includes the page length and the page width, and the expected display page is scaled proportionally according to the screen resolution and the page resolution to obtain a scaled page suitable for the display screen, including: determining a first scaling ratio of the page length relative to the screen length, and a second scaling ratio of the page width relative to the screen width, taking the larger value of the first scaling ratio and the second scaling ratio as the page scaling ratio, and scaling the expected display page proportionally according to the page scaling ratio to obtain a scaled page suitable for the display screen.

[0066] The screen length may represent the number of pixels of the display screen in the horizontal direction, and the screen width may represent the number of pixels of the display screen in the vertical direction.

[0067] The page length may represent the pixel data of the desired display page in the horizontal direction of the original development screen, and the page width may represent the pixel data of the desired display page in the vertical direction of the original development screen.

[0068] The first scaling ratio may represent the ratio of the number of pixels corresponding to the page length to the number of pixels corresponding to the screen length. The second scaling ratio may represent the ratio of the number of pixels corresponding to the page width to the number of pixels corresponding to the screen width.

[0069] The page zoom ratio may be a larger value between the first zoom ratio and the second zoom ratio.

[0070] Specifically, the server can perform proportional scaling on the desired display page according to the page scaling ratio to obtain a scaled page adapted to the display screen, wherein the proportional scaling means that the page length and page width of the desired display page are simultaneously divided by the page scaling ratio.

[0071] For example, the screen length is 200, the screen width is 100, and the page length and page width are both 50. The first scaling ratio is 50 / 200=0.25, and the second scaling ratio is 50 / 100=0.5. The page scaling ratio is 0.5, and the page length 50 and the page width 50 are divided by the page scaling ratio 0.5 to obtain the scaled page. The scaled page length and scaled page width of the scaled page are both 100, the scaled page length does not exceed the screen length, and the scaled page width does not exceed the screen width. Therefore, the scaled page is adapted to the display screen.

[0072] In one of the embodiments, after obtaining the page zoom ratio, the server can scale each page element, each page component and other units in the desired display page in equal proportion to obtain a zoomed page adapted to the display screen.

[0073] In this embodiment, a first scaling ratio of the page length relative to the screen length and a second scaling ratio of the page width relative to the screen width are determined, and the larger value of the first scaling ratio and the second scaling ratio is used as the page scaling ratio. The desired display page is scaled proportionally according to the page scaling ratio to obtain a scaled page that is adapted to the display screen, so that the scaled page just fits the display screen and does not exceed the range of the display screen, which helps to improve the display effect of the page.

[0074] In one embodiment, based on the abnormal point position indicated by the screen abnormal point information, the zoom page is adjusted to obtain an updated zoom page, including: obtaining the element position corresponding to each page element in the zoom page, and when there is a target position in each element position that matches the abnormal point position indicated by the screen abnormal point information, adjusting the target position to obtain an updated zoom page.

[0075] Among them, the page element can be an element of a page component, an element of page content, etc. Specifically, the page element can be a button, a dividing line, a chart, a grid, actual text content, an actual image, and an actual table.

[0076] The element position may represent the position of the page element at the center coordinates of the zoomed page.

[0077] The target position may indicate the position corresponding to the page element that has a position conflict with the abnormal point. In other words, if the page element at the target position is not adjusted, the page element may not be displayed on the display screen. For example, if the page element is a line graph, due to the position conflict between the line graph and the abnormal point, a part of the line graph may not be displayed normally, affecting the overall display effect of the page.

[0078] Specifically, the server may select a target position that matches the abnormal point position indicated by the screen abnormal point information from the element position, and the server may adjust the target position to obtain an updated zoom page.

[0079] In one embodiment, the server may further scale the page element corresponding to the target position to obtain the scaled page element. The server adjusts the position of the scaled page element to obtain an updated scaled page.

[0080] In one of the embodiments, the server may also readjust the arrangement of each page element in the page to obtain a new element position of each page element. The server may adjust the new target position to obtain an updated zoom page if there is a new target position matching the abnormal point position indicated by the screen abnormal point information in each new element position. The server may use the zoom page as an updated zoom page if there is no new target position matching the abnormal point position indicated by the screen abnormal point information in each new element position.

[0081] In this embodiment, the element positions corresponding to the respective page elements in the zoomed page are obtained. When there is a target position in each element position that matches the abnormal point position indicated by the screen abnormal point information, the target position is adjusted to obtain an updated zoomed page. The target position is adjusted according to the abnormal point position to avoid the conflict between the zoomed page and the abnormal point, thereby improving the page display effect. The zoomed page is adjusted from the perspective of the page elements, saving hardware computing resources.

[0082] In one embodiment, the abnormal point positions indicated by the screen abnormal point information are the abnormal point positions of multiple screen abnormal points respectively, and the zoom page includes multiple content cards. Based on the abnormal point positions indicated by the screen abnormal point information, the zoom page is adjusted to obtain an updated zoom page, including: according to the abnormal point positions of each screen abnormal point, each screen abnormal point is connected to obtain an abnormal area, and according to the area position of the abnormal area, the card position of each content card in the zoom page is adjusted to obtain an updated zoom page, and each content card is located at a position other than the area position in the updated zoom page.

[0083] The screen abnormal point may represent an abnormal point on the display screen. Specifically, the screen abnormal point may be a screen dead point or a screen bad point.

[0084] The outlier point position may represent the pixel coordinate position of the screen outlier point in the display screen.

[0085] The abnormal area may represent an image area where multiple abnormal points exist. The area position may represent the location information of the image area. Specifically, the area position may be the center position of the image area, the location of the edge point of the area, the size of the area, and other information. It is understood that the page cannot be displayed normally within the abnormal area.

[0086] A content card can represent an area containing multiple page components and multiple page contents. The number and type of page components, as well as the type and number of page contents in a content card are generally fixed. For example, two buttons, a dividing line, and two tables are configured in a content card.

[0087] The card position may indicate the position of the content card in the zoomed page. The card position may also indicate the position of the content card in the display screen.

[0088] There are many ways to process connectivity. Specifically, the server can cluster each screen abnormal point to obtain a preset number of abnormal clusters. The sum of the distances from each of the multiple screen abnormal points contained in each abnormal cluster to the center of the area corresponding to the abnormal cluster is the shortest. The clustering can be K-means clustering. The server can determine the area corresponding to each abnormal cluster as an abnormal area.

[0089] The server may also divide the display screen into grids to obtain a plurality of grids. If a grid contains a plurality of screen abnormal points, the grid area is determined as an abnormal area.

[0090] Specifically, after obtaining the regional position of the abnormal area, the server can determine the target card that conflicts with the abnormal area in each content card according to the regional position and the positions of each card. The server can adjust the card positions of the target cards in the zoom page to obtain an updated zoom page, in which each content card is located at a position other than the regional position.

[0091] In one of the embodiments, the server may further perform zoom processing on the target card to obtain an updated zoom page, in which the content card is located at a position other than the regional position.

[0092] In this embodiment, according to the abnormal point positions of each screen abnormal point, each screen abnormal point is connected to obtain an abnormal area, and according to the area position of the abnormal area, the card position of each content card in the zoom page is adjusted to obtain an updated zoom page. Each content card is in a position other than the area position in the updated zoom page, avoiding the conflict between the zoom page and the abnormal area, and improving the page display effect. The card position of each content card in the zoom page keeps the proportional relationship between each page component and each page content in the content card unchanged, further improving the page display effect.

[0093] In one embodiment, the display page zoom method also includes: obtaining the card position of each content card in the zoom page, screening the target card whose card position is the regional position of the abnormal area in each content card, zooming the target card to obtain an updated zoom page, and the target card after the zooming process is at a position other than the regional position in the updated zoom page.

[0094] In order to facilitate the comparison between the area position and the card position, the card position of the content card in the zoomed page may also represent the position of the content card in the display screen.

[0095] The target card may represent a content card whose card position conflicts with the region position. The position conflict may represent that the coordinates corresponding to the region position and the coordinates corresponding to the card position on the display screen partially overlap.

[0096] The scaling process for the target card may be a reduction process or an enlargement process for the target card.

[0097] Specifically, the server may reduce the target card to obtain the reduced target card and update the zoom page. The server may also enlarge the target card to obtain the enlarged target card and update the zoom page.

[0098] In one embodiment, the server may scale the target step by step according to a preset zoom multiple to obtain a plurality of scaled target cards. The server may determine whether each scaled target card conflicts with the abnormal area. The server may select a selected card from the plurality of scaled target cards that do not conflict with the abnormal area and the other cards have position conflicts. The server may determine to update the zoom page based on the selected card and other content cards. The selected card is located at a position other than the regional position in the updated zoom page.

[0099] In this embodiment, the card position of each content card in the zoom page is obtained, and in each content card, the target card whose card position is consistent with the regional position of the abnormal area is screened, and the target card is zoomed to obtain an updated zoom page. The target card after zooming is at a position other than the regional position in the updated zoom page. The target card is zoomed, and the proportional relationship between the page component and the page content in the target card is retained, which helps to improve the page display effect.

[0100] In one embodiment, rendering and displaying the updated zoom page on the display screen includes: determining a page area corresponding to the updated zoom page and a fill area other than the page area on the display screen, determining regional color information of the fill area based on page color information configured for the updated zoom page, rendering the updated zoom page according to the page color information to obtain a page rendering result; rendering the fill area according to the regional color information to obtain a regional rendering result, and displaying the page rendering result and the regional rendering result on the display screen.

[0101] The page area may represent a display area corresponding to the updated zoom page in the display screen.

[0102] The fill area may be other areas in the display screen except the display area. It can be understood that the fill area contains blank content. The page area includes content corresponding to the updated zoom page.

[0103] The page color information indicates the specific color configured for the updated zoom page. Specifically, the page color information may include the color information of each page component in the updated zoom page and the color information of each page content.

[0104] The area color information indicates the color information of the filled area to be filled, for example, the filled area is filled with black.

[0105] The page rendering result represents the updated zoomed page after rendering through the page color information. The page rendering result includes the rendering result of each page component and the rendering result of each page content.

[0106] The region rendering result represents the filled region after being rendered using the region color information.

[0107] Specifically, after obtaining the page color information of the updated zoom page configuration, the server can select color information matching or close to the page color information in the color library, and can determine the color information as the regional color information of the filling area.

[0108] Specifically, the server may splice the display page rendering result and the region rendering result on the display screen.

[0109] In this embodiment, a page area corresponding to the updated zoom page and a fill area other than the page area are determined in the display screen, and the regional color information of the fill area is determined based on the page color information configured for the updated zoom page, and the updated zoom page is rendered according to the page color information to obtain a page rendering result; the fill area is rendered according to the regional color information to obtain a regional rendering result, and the page rendering result and the regional rendering result are displayed on the display screen, so that the page color information and the regional color information are kept in similar colors, thereby improving the overall display effect of the display screen.

[0110] In one embodiment, as shown in FIG3 , a full-resolution large-screen adaptation method based on Vue is provided, and the method is described by taking the method used with the full-resolution adaptation component based on Vue as an example. The method includes:

[0111] S302, obtaining the screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen.

[0112] S304: Determine a first scaling ratio of the page length to the screen length and a second scaling ratio of the page width to the screen width.

[0113] The screen resolution includes the screen length and screen width, and the page resolution includes the page length and page width.

[0114] S306: Using the larger value of the first zoom ratio and the second zoom ratio as the page zoom ratio.

[0115] S308, scaling the desired display page in proportion according to the page scaling ratio to obtain a scaled page adapted to the display screen.

[0116] S310: Obtain element positions corresponding to respective page elements in the zoomed page.

[0117] S312: When there is a target position in each element position that matches the abnormal point position indicated by the screen abnormal point information, the target position is adjusted to obtain an updated zoom page.

[0118] S314, connecting the screen abnormal points according to their respective abnormal point positions to obtain abnormal areas.

[0119] The abnormal point positions indicated by the screen abnormal point information are the abnormal point positions of the multiple screen abnormal points. The zoom page includes multiple content cards.

[0120] S316, adjusting the card positions of the content cards in the zoom page according to the region positions of the abnormal regions, to obtain an updated zoom page.

[0121] Among them, each content card is located at a position other than the regional position in the update zoom page.

[0122] S318: Obtain the card position of each content card in the zoomed page.

[0123] S320: Filter target cards whose card positions match the region positions of the abnormal regions among the content cards.

[0124] S322, zooming in and out the target card to obtain an updated zooming page.

[0125] The target card after the zoom processing is located at a position other than the regional position in the update zoom page.

[0126] S324, determining in the display screen a page area corresponding to the updated zoomed page and a filling area other than the page area.

[0127] S326, determining the area color information of the filling area based on the page color information of the updated zoom page configuration.

[0128] For example, a schematic diagram of an updated zoom page and a fill area is shown in Fig. 4. The updated zoom page may include a page component, a content card, and a page content. The fill area represents other areas in the display screen except for the area of ​​the new zoom page.

[0129] S328, rendering the updated zoomed page according to the page color information to obtain a page rendering result.

[0130] S330, rendering the filling area according to the regional color information to obtain a regional rendering result.

[0131] For example, the page zoom ratio may be different from the current resolution ratio, and page padding is needed to fill in the excess white space on the page. The overall page effect is achieved by layering the page. The code level is divided into the padding layer, the zoom layer, and the business development layer. Among them, the padding layer is the outermost layer, which is mainly responsible for processing the excess white space after zooming; the zoom layer is responsible for zooming in and out of the page in proportion. The zoom layer will uniformly scale the progress bar, page navigation, and business page to ensure the stability of the page effect and layout under various resolutions. The business development layer is responsible for the display of business pages.

[0132] S332, displaying the page rendering result and the area rendering result on the display screen.

[0133] In this embodiment, the screen resolution and screen abnormal point information of the display screen and the page resolution of the expected display page of the display screen are obtained. According to the screen resolution and the page resolution, the expected display page is scaled proportionally to obtain a scaled page adapted to the display screen, and the expected display page is adjusted as a whole to avoid missing detail elements, thereby improving the efficiency of page scaling. Based on the abnormal point position indicated by the screen abnormal point information, the scaled page is adjusted to obtain an updated scaled page, and the display content of the updated scaled page at the abnormal point position is used as the background, and the updated scaled page is rendered and displayed on the display screen. The above method is adopted to ensure that the updated scaled page can be displayed normally on the display screen without manual fine-tuning of the page, thereby further improving the efficiency of page scaling. This solution makes full use of the responsive characteristics and componentization advantages of the Vue framework, combines advanced adaptive layout and proportional scaling technology, and realizes accurate adaptation to various large-screen devices. Whether it is a high-resolution LED large screen or smart TVs and projectors of different size ratios, this solution can present a good visual effect. At the same time, the solution also supports dynamic data binding and real-time interaction functions, ensuring that the large-screen display content can be adjusted in real time with the update of data and user operations, bringing users a smooth and efficient interactive experience. In addition, the full-resolution adaptive large-screen component based on Vue is also highly customizable and scalable, and can meet the personalized needs of different industries and scenarios. By flexibly configuring components and styles, developers can easily create large-screen display applications that meet their own brand style and business needs, providing strong support for the digital transformation of enterprises. The full-resolution adaptive large-screen component based on Vue is widely used in enterprise data display, smart cities, financial analysis, educational demonstrations and other fields. In scenes such as conference rooms, monitoring centers, and trading halls, it can accurately adapt to screens of different sizes to ensure the clear display of complex data charts, real-time statistics, business trends and other information. Whether it is the management and monitoring of smart cities, real-time transactions in financial markets, or interactive demonstrations of education and teaching, Vue's full-resolution large-screen component can provide intuitive and efficient information display, improve decision-making efficiency and user experience.

[0134] It should be understood that, although the various steps in the flowcharts involved in the above-mentioned embodiments are displayed in sequence according to the indication of the arrows, these steps are not necessarily executed in sequence according to the order indicated by the arrows. Unless there is a clear explanation in this article, the execution of these steps does not have a strict order restriction, and these steps can be executed in other orders. Moreover, at least a part of the steps in the flowcharts involved in the above-mentioned embodiments can include multiple steps or multiple stages, and these steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these steps or stages is not necessarily to be carried out in sequence, but can be executed in turn or alternately with other steps or at least a part of the steps or stages in other steps.

[0135] Based on the same inventive concept, the embodiment of the present application also provides a display page zooming device for implementing the display page zooming method involved above. The implementation scheme for solving the problem provided by the device is similar to the implementation scheme recorded in the above method, so the specific limitations in one or more display page zooming device embodiments provided below can refer to the limitations of the display page zooming method above, and will not be repeated here.

[0136] In one embodiment, as shown in FIG. 5 , a display page zooming device is provided, including: an acquisition module 502 , a zooming module 504 , an adjustment module 506 and a display module 508 , wherein:

[0137] An acquisition module 502 is used to acquire the screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen;

[0138] A scaling module 504 is used to scale the desired display page in proportion according to the screen resolution and the page resolution to obtain a scaled page adapted to the display screen;

[0139] The adjustment module 506 is used to adjust the zoom page based on the abnormal point position indicated by the screen abnormal point information to obtain an updated zoom page; the display content of the updated zoom page at the abnormal point position is used as the background;

[0140] The display module 508 is used to render and display the updated zoom page on the display screen.

[0141] In one of the embodiments, the screen resolution includes the screen length and the screen width; the page resolution includes the page length and the page width; the scaling module 504 is further used to determine a first scaling ratio of the page length relative to the screen length, and a second scaling ratio of the page width relative to the screen width; the larger value of the first scaling ratio and the second scaling ratio is used as the page scaling ratio; and the desired display page is scaled proportionally according to the page scaling ratio to obtain a scaled page adapted to the display screen.

[0142] In one of the embodiments, the adjustment module 506 is also used to obtain the element position corresponding to each page element in the zoomed page; when there is a target position in each element position that matches the abnormal point position indicated by the screen abnormal point information, the target position is adjusted to obtain an updated zoomed page.

[0143] In one of the embodiments, the abnormal point positions indicated by the screen abnormal point information are the abnormal point positions of multiple screen abnormal points respectively; the zoom page includes multiple content cards; the adjustment module 506 is also used to connect each screen abnormal point according to the abnormal point position of each screen abnormal point to obtain an abnormal area; according to the regional position of the abnormal area, the card position of each content card in the zoom page is adjusted to obtain an updated zoom page; each content card is located at a position other than the regional position in the updated zoom page.

[0144] In one of the embodiments, the display page zooming device also includes: a card zooming module, which is used to obtain the card position of each content card in the zoomed page; in each content card, filter the target card whose card position matches the regional position; perform zoom processing on the target card to obtain an updated zoom page; the target card after zoom processing is located at a position other than the regional position in the updated zoom page.

[0145] In one of the embodiments, the display module 508 is also used to determine the page area corresponding to the updated zoom page and the fill area other than the page area in the display screen; determine the regional color information of the fill area based on the page color information configured for the updated zoom page; render the updated zoom page according to the page color information to obtain a page rendering result; render the fill area according to the regional color information to obtain a regional rendering result; and display the page rendering result and the regional rendering result on the display screen.

[0146] Each module in the above-mentioned display page zooming device can be implemented in whole or in part by software, hardware or a combination thereof. Each module can be embedded in or independent of a processor in a computer device in the form of hardware, or can be stored in a memory in a computer device in the form of software, so that the processor can call and execute operations corresponding to each module.

[0147] In one embodiment, a computer device is provided, which may be a server, and its internal structure diagram may be shown in FIG6. The computer device includes a processor, a memory, an input / output interface (Input / Output, referred to as I / O) and a communication interface. The processor, the memory and the input / output interface are connected through a system bus, and the communication interface is connected to the system bus through the input / output interface. The processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The database of the computer device is used to store screen abnormal point information data and page resolution data. The input / output interface of the computer device is used to exchange information between the processor and an external device. The communication interface of the computer device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a display page scaling method is implemented.

[0148] Those skilled in the art will understand that the structure shown in FIG. 6 is merely a block diagram of a partial structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than shown in the figure, or combine certain components, or have a different arrangement of components.

[0149] In one embodiment, a computer device is provided, including a memory and a processor, wherein a computer program is stored in the memory, and the above method steps are implemented when the processor executes the computer program.

[0150] In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the above method steps are implemented.

[0151] In one embodiment, a computer program product is provided, comprising a computer program, which implements the above method steps when executed by a processor.

[0152] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to the memory, database or other medium used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetoresistive random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM). The database involved in each embodiment provided in this application may include at least one of a relational database and a non-relational database. Non-relational databases may include distributed databases based on blockchains, etc., but are not limited to this. The processor involved in each embodiment provided in this application may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic device, a data processing logic device based on quantum computing, etc., but are not limited to this.

[0153] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0154] The above-described embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the present application. It should be pointed out that, for a person of ordinary skill in the art, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application. Therefore, the protection scope of the present application shall be subject to the attached claims.

Claims

1. A display page zooming method, characterized in that: The method comprises: Acquire the screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen; According to the screen resolution and the page resolution, scaling the desired display page in equal proportion to obtain a scaled page adapted to the display screen; Based on the abnormal point position indicated by the screen abnormal point information, the zoom page is adjusted to obtain an updated zoom page; the display content of the updated zoom page at the abnormal point position is the background; The updated zoom page is rendered and displayed on the display screen.

2. The method according to claim 1, characterized in that The screen resolution includes screen length and screen width; the page resolution includes page length and page width; The method of performing proportional scaling processing on the desired display page according to the screen resolution and the page resolution to obtain a scaled page adapted to the display screen includes: Determining a first scaling ratio of the page length to the screen length, and a second scaling ratio of the page width to the screen width; The larger value between the first zoom ratio and the second zoom ratio is used as the page zoom ratio; The expected display page is scaled in proportion according to the page scaling ratio to obtain a scaled page adapted to the display screen.

3. The method according to claim 1, characterized in that The adjusting the zoom page based on the abnormal point position indicated by the screen abnormal point information to obtain an updated zoom page includes: Obtaining element positions corresponding to respective page elements in the zoomed page; In the case that there is a target position in each of the element positions that matches the abnormal point position indicated by the screen abnormal point information, the target position is adjusted to obtain an updated zoom page.

4. The method according to claim 1, characterized in that: The abnormal point positions indicated by the screen abnormal point information are the abnormal point positions of the multiple screen abnormal points respectively; the zoom page includes multiple content cards; The adjusting the zoom page based on the abnormal point position indicated by the screen abnormal point information to obtain an updated zoom page includes: According to the abnormal point positions of the screen abnormal points, the screen abnormal points are connected to obtain abnormal areas; According to the regional position of the abnormal area, the card position of each content card in the zoom page is adjusted to obtain an updated zoom page; each content card is located at a position other than the regional position in the updated zoom page.

5. The method according to claim 4, characterized in that The method further comprises: Obtaining a card position of each of the content cards in the zoomed page; In each of the content cards, a target card whose card position matches the area position of the abnormal area is selected; The target card is zoomed to obtain an updated zoom page; the target card after the zoom processing is located at a position other than the regional position in the updated zoom page.

6. The method according to claim 1, characterized in that The rendering and displaying the updated zoom page on the display screen includes: Determining, in the display screen, a page area corresponding to the updated zoomed page and a filling area other than the page area; Determining the area color information of the fill area based on the page color information of the updated zoom page configuration; Rendering the updated zoomed page according to the page color information to obtain a page rendering result; rendering the filled area according to the area color information to obtain an area rendering result; The page rendering result and the area rendering result are displayed on the display screen.

7. A display page zooming device, characterized in that: The device comprises: An acquisition module, used to acquire the screen resolution and screen abnormal point information of the display screen, and the page resolution of the expected display page of the display screen; A scaling module, used for scaling the desired display page in proportion according to the screen resolution and the page resolution, to obtain a scaled page adapted to the display screen; An adjustment module, configured to adjust the zoom page based on the abnormal point position indicated by the screen abnormal point information to obtain an updated zoom page; the display content of the updated zoom page at the abnormal point position is the background; A display module is used for rendering and displaying the updated zoom page on the display screen.

8. A computer device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 6 are implemented.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.

10. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.

Images