Unlock instant, AI-driven research and patent intelligence for your innovation.

Method and device for realizing page mask

An implementation method and masking technology, applied in the direction of texture/color, editing/combining graphics or text, etc., can solve the problems of complex implementation method and increase maintenance workload, and achieve the effect of reducing maintenance workload and simple implementation method.

Inactive Publication Date: 2014-03-26
TENCENT TECH (SHENZHEN) CO LTD
View PDF2 Cites 18 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] On the one hand, every time a page element is replaced or added, a corresponding copy needs to be made, which increases the maintenance workload
On the other hand, after drawing the copy of the page element, it is necessary to make the copy of the page element have the same position as the page element on the page, which makes the implementation method more complicated

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method and device for realizing page mask
  • Method and device for realizing page mask
  • Method and device for realizing page mask

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0058] The embodiment of the present invention provides a method for implementing a page mask, see image 3 , the method flow includes:

[0059] 101: Obtain page information of a page that needs to display a mask.

[0060] Wherein, the page information includes the height and width of the page where the mask needs to be displayed, and the position area of ​​at least one page element that needs to be displayed through the mask hollowing out on the page.

[0061] 102: Draw a corresponding hollow mask on the page according to the page information, so as to display the page element through the hollow position on the mask.

[0062]The beneficial effect brought by the above method provided by this embodiment is: by first obtaining the page information of the page that needs to display the mask; the page information includes the height, width, and at least one of the pages that need to display the mask The position area of ​​the page element displayed through the mask hollowing out...

Embodiment 2

[0064] The embodiment of the present invention provides a method for implementing a page mask, see Figure 4 ~ Figure 5 , the method flow includes:

[0065] 201: Obtain page information of a page that needs to display a mask.

[0066] Wherein, the page information includes the height and width of the page where the mask needs to be displayed, and the position area of ​​at least one page element that needs to be displayed through the mask hollowing out on the page.

[0067] Wherein, the page to be displayed with the mask may be any page displayed by the application client (such as a browser). Generally, the page mask is suitable for arranging the home page displayed on the application client. Specifically, the height and width of the page that needs to display the mask can be obtained from the page file of the application.

[0068] Wherein, each page includes several page elements, such as a background, a title bar, action buttons, labels and icons, and the like. According ...

Embodiment 3

[0094] The embodiment of the present invention provides a method for implementing a page mask, see Figure 6 , the method flow includes:

[0095] 301: Same as 201 in Embodiment 2 of the present invention, and will not be described in detail here.

[0096] 302: Draw a corresponding hollow mask on the page according to the page information, so as to display page elements through the hollow positions on the mask.

[0097] Further, this step includes:

[0098] 3021: Draw a mask whose height and width are respectively the height and width of the page on the page.

[0099] Specifically, this step is the same as 2021 in Embodiment 2 of the present invention, and will not be described in detail here.

[0100] 3022: Obtain an area on the mask that overlaps with a position area in the page of at least one page element that needs to be displayed through the mask.

[0101] Specifically, this step is the same as 2022 in Embodiment 2 of the present invention, and will n...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a method and device for realizing a page mask, and belongs to the field of mobile terminals. The method comprises the following steps: acquiring page information of a page of which a mask needs to be displayed, wherein the page information comprises height and width of the page of which the mask needs to be displayed, as well as a position region of at least one page element needs to be displayed through mask hollow position in the page; drawing corresponding hollow mask in the page according to the page information, so as to display the page element through the hollow position in the mask. The device comprises an acquisition module and a drawing module, wherein the acquisition module is used for acquiring the page information of the page of which the mask needs to be displayed, page information comprises the height and width of the page of which the mask needs to be displayed, as well as the position region of at least one page element needs to be displayed through the mask hollow position in the page, the drawing module which is used for drawing a corresponding hollow mask in the page according to the page information so as to display the page element in the hollow position in the mask. According to the invention, the page element is displayed through the hollow mask to reduce the maintenance workload; the realization method is relatively simple.

Description

technical field [0001] The invention relates to the field of mobile terminals, in particular to a method and device for realizing a page mask. Background technique [0002] A masked page is a page arranged with a page mask, which is mainly used to attract the user's attention to the content displayed on the mask. Page masks are widely used, and one of them uses page masks to guide users to focus on specific page elements displayed on the page. [0003] For example, assume that a new function is set on a certain page, and moving the cursor to the user's avatar can display the user's geographic location. A mask is used on this page to direct the user's attention to the new feature. see figure 1 , the masked page shows that, except for the user avatar, other areas of the page are covered with a semi-transparent black canvas, that is, a mask, so that the user first pays attention to the user avatar displayed through the mask hollow. see figure 2 , the existing method for r...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06T11/60
CPCG06T11/60G06T11/001
Inventor 邹琦李榕
Owner TENCENT TECH (SHENZHEN) CO LTD