CN102163216A - Picture display method and device thereof - Google Patents

Picture display method and device thereof Download PDF

Info

Publication number
CN102163216A
CN102163216A CN 201110071506 CN201110071506A CN102163216A CN 102163216 A CN102163216 A CN 102163216A CN 201110071506 CN201110071506 CN 201110071506 CN 201110071506 A CN201110071506 A CN 201110071506A CN 102163216 A CN102163216 A CN 102163216A
Authority
CN
China
Prior art keywords
picture
background
shade
background picture
processing
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN 201110071506
Other languages
Chinese (zh)
Other versions
CN102163216B (en
Inventor
梁捷
李海翔
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Guangzhou Dongjing Computer Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangzhou Dongjing Computer Technology Co Ltd filed Critical Guangzhou Dongjing Computer Technology Co Ltd
Priority to CN 201110071506 priority Critical patent/CN102163216B/en
Publication of CN102163216A publication Critical patent/CN102163216A/en
Application granted granted Critical
Publication of CN102163216B publication Critical patent/CN102163216B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

The invention provides a picture display method and a device thereof under the dim environment. The method comprises the steps: the to be display processed picture is judged whether the picture is a background picture or not; if the to be display processed picture is not the background picture, then the to be display processed picture should be covered with translucence shade; otherwise, the to be display processed picture is further judged if the picture is a repeat filled background picture with large filling area; if the to be display processed picture is a repeat filled background picture with large filling area, then after the display process, the background picture is not displayed; otherwise, the background picture should be covered with translucence shade with transparency less than the transparency of the translucence shade of the un-background picture. Without adding extra picture, the picture display method and device thereof can effectively improve the picture display effect of webpage and even whole user interface, so as to improve the user experience of the product.

Description

Image display method and device
Technical field
The present invention relates to web page browsing and user interaction techniques field, more specifically, relate to image display method and device in a kind of dim environment.
Background technology
Along with the progress of society and the development of technology, people use next the access in wireless or wired mode that access terminal to exchange, obtain information more and more.In this case, from terminal user's viewing experience, except the data-handling capacity and the network bandwidth of terminal, the display mode of browser is also most important.
The browser of present stage under dim environment, as has cut out under the situation of external light source, even reduce the brightness of end-point device display, user's light that light source sent that end-point device display itself provides when browsing page is still more dazzling.Such as, the user turns off the light at night, formally sleeping preceding may having continues to use for example demand of mobile phone continuation browsing page of handheld device, and at this time the light of user place environment is very dim.But Comparatively speaking the brightness of mobile phone itself or Application Program Interface itself be very bright, and under the so strong environment of light contrast, the impression of user's browsing pages will be very uncomfortable even can be damaged his eyesight.
At the problems referred to above, adjust adapting to the technology that this light changes though also there is pair display interface to carry out some in the present navigator product, as the user according to the backlight illumination of oneself demand manual adjustments display or by the brightness as shown in the extra picture of interpolation is adjusted on the display interface of browser.Though these two kinds of technology can obtain certain effect, the mode page display effect of the backlight illumination of manual adjustments display is more stiff, and the final display effect of browser is still not ideal enough.It still is brighter adding the page that the mode of extra picture demonstrates, and can only be at some fixing pictures, as the picture in the user interface, such as all pictures of user interface can add two covers, one cover shows when being normal that an other cover is to show under the dim environment.And the mode of adding extra picture also has two deficiencies:
1. increase the volume of client, because comprised two cover pictures;
2. can't handle for the picture of this dynamic change in the webpage,, all be not suitable for the user and read because these pictures are not fixed.
Therefore, need the technology that satisfies comfortable browsing page in the dim environment under a kind of situation that can make the user not increase the client burden.
Summary of the invention
In view of the above problems, the purpose of this invention is to provide the processing scheme that under dim environment, picture is shown on a kind of improved webpage, need not to increase under the situation of picture, adjust by brightness and color picture, enable under dim environment, show with softer coordinated mode, for the user provides a more comfortable viewing experience.
According to an aspect of the present invention, provide the image display method under a kind of dim environment, having comprised:
Whether the picture of judging processing to be shown background picture;
If the picture of described processing to be shown is not a background picture, then the picture of described processing to be shown is covered the processing of translucent shade; Otherwise
The picture of described processing to be shown is a background picture, and described background picture is covered the processing of transparency less than the translucent shade of the transparency of the non-background picture of described covering.
Wherein, described background picture being covered transparency further comprises less than the step of the processing of the translucent shade of the transparency of the non-background picture of described covering:
The zone of further judging background picture that whether described background picture repeats to fill and filling is bigger;
If described background picture is that the zone of the background picture that repeats to fill and filling is bigger, then after display process, do not show described background picture; Otherwise
Described background picture is covered the processing of 1/6~1/2 translucent shade that transparency is equivalent to the transparency of the non-background picture of described covering.
According to a further aspect in the invention, provide the image display apparatus under a kind of dim environment, having comprised:
The picture/mb-type judging unit, whether the picture that is used to judge processing to be shown background picture;
The foreground picture processing unit is used for when the picture that described picture/mb-type judgment unit judges goes out described processing to be shown is not background picture the processing that the picture of described processing to be shown is covered translucent shade; And
The background picture processing unit, be used for when the picture that described picture/mb-type judgment unit judges goes out described processing to be shown is background picture, described background picture is covered the processing of transparency less than the translucent shade of the transparency of the non-background picture of described covering.
Wherein, described background picture processing unit further comprises: the background picture analytic unit, the zone that is used to analyze background picture that whether described background picture repeat to fill and filling is bigger, if described background picture is that the zone of the background picture that repeats to fill and filling is bigger, then described background picture processing unit does not show described background picture after display process; Otherwise described background picture processing unit covers 1/6~1/2 the processing of translucent shade that transparency is equivalent to the transparency of the non-background picture of described covering to described background picture.
Beneficial effect of the present invention comprise following some:
(1) contrast other browsers and under dim environment picture is not handled, brightness has been carried out in present technique picture demonstration under dim environment and color is adjusted, and can significantly improve user's reading impression.
(2) client does not need to add extra picture, need not increase the client volume, and this is to more suitable on this memory capacity limited devices of mobile phone;
(3) the some other complex image processing technology of contrast is as directly carrying out conversion etc. to image data, present technique is simpler to the processing of picture, influence to client speed is very little, and speed is faster, is particularly suitable for using on the equipment of this limited speed of mobile phone.
In order to realize above-mentioned and relevant purpose, one or more aspects of the present invention comprise the feature that the back will describe in detail and particularly point out in the claims.Following explanation and accompanying drawing describe some illustrative aspects of the present invention in detail.Yet, the indication of these aspects only be some modes that can use in the variety of way of principle of the present invention.In addition, the present invention is intended to comprise all these aspects and their equivalent.
Description of drawings
By the content of reference below in conjunction with the description of the drawings and claims, and along with understanding more comprehensively of the present invention, other purpose of the present invention and result will understand and easy to understand more.In the accompanying drawings:
Fig. 1 shows the process flow diagram of the image display method under the dim environment according to the present invention; And
Fig. 2 handles the display effect contrast synoptic diagram of front and back to the webpage foreground picture for the present invention;
Fig. 3 handles the display effect contrast synoptic diagram of front and back to the web page background picture for the present invention;
Fig. 4 handles the display effect contrast synoptic diagram of front and back to the picture that contains Transparent color for the present invention
Fig. 5 shows the block diagram of the image display apparatus under the dim environment according to the present invention.
Identical label is indicated similar or corresponding feature or function in institute's drawings attached.
Embodiment
Below with reference to accompanying drawing specific embodiments of the invention are described in detail.
The present invention covers the method for the translucent shade of this picture background field color and carries out conversion by the picture to browser display, thereby change the display brightness and the color sensation of picture, and making the good fusion in other viewing area of itself and browser, the effect that makes browser can present to user Geng Jia under dim environment shows.
For clearer statement technical scheme of the present invention, in the present embodiment the picture of browser display is divided into background picture and foreground picture two classes are handled, wherein background picture refers to the Background in the webpage; Foreground picture refers to webpage foreground picture and user interface picture, the webpage foreground picture is represented the picture that prospect shows, the expression web page contents that is used in the webpage, and the picture of user interface refers to the picture of other interface portion of non-web page contents part in the browser.At this, need to prove, think that in the present invention user interface does not have background picture, all be foreground picture.
Picture for webpage foreground picture or user interface, the display mode that the present invention is provided with according to the active user that accesses terminal, the conversion that relevant picture is covered translucent shade, thereby change the display brightness and the color sensation of picture, enable under dim environment, to show with better effect.For background picture, the translucent shade that then adopts transparency to be lower than the translucent shade of covering foreground picture covers, with other things of outstanding prospect under dim environment.
To containing the picture of imprimatura in the foreground picture, in order further to improve display effect, relevant picture conversion meeting is adjusted according to the characteristics of background area, picture place, can merge well with the zone of other demonstrations in the webpage after the picture conversion is good guaranteeing.
Fig. 1 shows the process flow diagram according to image display method under the dim environment of the present invention.
As shown in Figure 1, under dim environment, the user is behind the display mode of selecting on the browser to use under the dim mode, and browser switches display mode, and starts the display process to the picture in picture and the user interface in background picture shown in the browser, the webpage.At first, whether the picture of judging processing to be shown background picture (step S110), if not background picture, illustrate that then this picture is that foreground picture is webpage foreground picture or user interface picture, the processing (step S120) that this webpage foreground picture or user interface picture are covered translucent shade; If background picture, the zone of further judging background picture that whether this background picture repeats to fill and filling is (step S130) greatly, promptly judge and whether be provided with repeatX or repeatY attribute on this background picture, and do not count scaling in, the fill area is about two or three style of writing height originally, the width of two or three words, actual length and width are greater than 45~50 pixels, if, then after display process, do not show this background picture, promptly being equivalent to for this background picture covers transparency is 0 translucent shade (step S140), otherwise this background picture is covered the processing (step S150) of translucent shade that transparency is slightly less than the transparency of above-mentioned covering foreground picture, be generally 1/6~1/2 of the transparency that covers non-background picture and get final product.
In above-mentioned steps S130, judge in the bigger process in the zone of background picture that whether background picture repeats to fill and filling, " background picture that whether repeats to fill " and " zone of filling is bigger " two conditions need to satisfy simultaneously just can enter step S140, because in editor's render process of webpage, some background pictures that repeat to fill only are to decorate as webpage, and generally be light, if shown ugly on the contrary, but can not all do not display process to all background pictures that repeats to fill, and it is in general all relatively large as the ornamental background picture region that repeats to fill, therefore just get the bigger and Background that repeat to fill in zone in the present invention and do not display process, just do display process under other situations.
Wherein the reason that does not show for some background picture is, if background pictures all under dim mode all show, will with the tone conflict (other fonts have been treated to relative darker color under the dim mode) of other fonts under the dim mode, cause the unconspicuous problem of contrast, can influence user's reading experience, therefore do not show some background picture, can not influence the whole composing of webpage substantially, can improve the impression under the dim mode yet.
Why little than the transparency of the translucent shade that covers foreground picture the transparency of translucent shade that is used to cover background picture is, be because background picture need be than the more reduction brightness of vast scale of foreground picture, be that background picture needs brightness lower than foreground picture, just can highlight out foreground picture.That is to say that for webpage, background picture is color matching just, does not need to show so clearly, brightness is hanged down some relatively more can give prominence to the content of prospect under dim environment.
Particularly, in a preferred embodiment of the invention, step 120 further comprises the steps:
S121: normally be shown in foreground picture on the terminal screen;
S122: whether the background of judging this foreground picture is transparent, promptly whether contains Transparent color in this foreground picture;
S123: if the background of this foreground picture is transparent, then the color of described translucent shade is set to the background color of this foreground picture region, goes to step S125 then; Otherwise go to step S124.Particularly, the process that the color of translucent shade is set to the background color of this foreground picture region is: take out the background color of this foreground picture region, suppose that the color value that takes out is #X 1X 2X 3X 4X 5X 6, the color maskColor of translucent shade is set to=#X then 1X 2X 3X 4X 5X 6
S124: if the background of this foreground picture is opaque, the background color that is equivalent to this foreground picture is a black, and then the color of translucent shade is set to black, and maskColor=#000000(black promptly is set);
S125: covering a color value on the residing rectangular area of this foreground picture is that maskColor, transparency are 35%~45% shade.
In a preferred embodiment of the present invention, the transparency of the shade that covers on the residing rectangular area of foreground picture among the step S125 is preferably 40%.
By the above-mentioned translucent shade (black/background area color) that above processing picture to be shown, covers, because the color of black and background area is dark color, and the color of background area has been treated to darker color under the dim environment, therefore just can obviously reduce the brightness that terminal Shows Picture through after the above-mentioned display process, make the user browse and can not seem so dazzling.
For the picture that contains Transparent color, promptly picture background is transparent, is black if cover the translucent shade of picture top, transparent part will demonstrate black, but not the color of background area, like this will be inconsistent with the color of background area, the picture that seems is not transparent; If but what use is that the color of background area is gone the color as translucent shade, then can keep the picture behind the shade to look it still is transparent.So for containing Transparent color, not containing the picture of Transparent color, the color value of translucent shade can be different.
Equally, for step S150, it is as follows less than the detailed process of the processing of the translucent shade of the transparency of above-mentioned covering foreground picture that background picture is covered transparency:
S151: normally be shown in background picture on the terminal screen;
S152: recharging one deck color value on the rectangular area that this background picture is filled is that #000000, transparency are 6%~20% shade.
In a preferred embodiment of the present invention, the transparency of the shade that recharges on the rectangular area that background picture is filled among the step S152 is preferably 19%.
By above-mentioned processing to picture, need not additionally add under the situation of picture, by existing picture being carried out some comparatively simple transformation, just can improve the image display effect of webpage and even whole user interface effectively.
Fig. 2, Fig. 3 and Fig. 4 show the present invention handles front and back to dissimilar pictures effect comparison synoptic diagram respectively.
Wherein Fig. 2 is the display effect contrast synoptic diagram before and after the webpage foreground picture is handled.As shown in Figure 2, Fig. 2 (a) is a display effect of network page when browsing certain webpage under the normal condition; Fig. 2 (b) is under the dim mode, the text in the webpage is handled, but the display effect of network page of picture not being handled as can be seen, does not have treated picture to seem very bright and dazzling, is unfavorable for that the user reads; Fig. 2 (c) for adopt the present invention to picture handled display effect of network page, by behind normal this picture of demonstration, cover the processing of one deck translucent (transparency is 40%) black mask in the above again, as can be seen, the shown picture brightness of display terminal is significantly lower, under dim mode, seem softer, be more suitable for reading.
Fig. 3 is the display effect contrast synoptic diagram before and after the web page background picture is handled.As shown in Figure 3, Fig. 3 (a) is a display effect of network page when browsing certain webpage under the normal condition, and wherein " mobile operator discusses column ", " mobile phone resources column " are located the background picture of back for filling.Fig. 3 (b) is under the dim mode, the text in the webpage is handled, but the display effect of the webpage of background and foreground picture not being handled, as can be seen, do not have treated background picture and foreground picture to seem very bright and dazzling, be unfavorable for that the user reads.Fig. 3 (c) is under the dim mode, the display effect of network page that the shade that uses identical transparency adopts same processing mode to handle to background picture and foreground picture, as can be seen, this processing mode of not distinguishing foreground picture and background picture shade transparency can make background picture partly seem brighter, strong inadequately with the contrast of the literal of foreground picture and front, also can influence user's reading experience.The display effect of network page of Fig. 3 (d) for adopting the present invention that picture was handled, promptly after foreground picture is carried out the covering of translucent shade, on the zone of background picture, cover the transparency low shade of layer of transparent degree again than the shade that covers foreground picture, as can be seen, the brightness of the background picture that display terminal is shown seems lower, more obvious with the contrast of literal and foreground picture under dim mode, be more suitable for reading.
Fig. 4 is the display effect contrast synoptic diagram before and after the picture that contains Transparent color in the user interface picture is handled.As shown in Figure 4, Fig. 4 (a) is the demonstration situation of end-user interface under the normal mode, and four icons in top are picture, and all contain Transparent color, promptly is transparent around the picture.Fig. 4 (b) is under the dim mode, does not pass through the display effect of the end-user interface of any processing, as can be seen, does not have treated user interface to seem very bright and dazzling, is unfavorable for that the user reads.Fig. 4 (c) is under the dim mode, and this picture that contains Transparent color is still used the display effect of the translucent shade of black, then some residual class shades can occur around picture, and is not attractive in appearance.The display effect of network page of Fig. 4 (d) for adopting the present invention that the picture that contains Transparent color was handled, promptly after having shown the user interface picture, take out the color value of this user interface picture background area again, as current be Dark grey, just add on this picture region that then the layer of transparent degree is 40% shade, but color value is the Dark grey of background, handles the rear backdrop picture like this and still seems transparent, does not have ghost.
As above the image display method under the dim environment has been described according to the present invention with reference to Fig. 1.Said method of the present invention can adopt software to realize, also can adopt hardware to realize, or adopts the mode of software and hardware combination to realize.
Fig. 5 shows the block diagram of the image display apparatus under the dim environment according to the present invention.As shown in Figure 5, image display apparatus comprises picture/mb-type judging unit 510, foreground picture processing unit 520 and background picture processing unit 530.Wherein, the picture/mb-type judging unit 510 picture background picture whether that is used to judge processing to be shown; Foreground picture processing unit 520 is used for when described picture/mb-type judges that single former picture of judging described processing to be shown is not background picture, the processing that the picture of described processing to be shown is covered translucent shade; Background picture processing unit 530, be used for when the picture that described picture/mb-type judgment unit judges goes out described processing to be shown is background picture, described background picture is covered the processing of transparency less than the translucent shade of the transparency of the non-background picture of described covering.
Wherein, preferably, background picture processing unit 530 further comprises background picture analytic unit 532, the zone that is used to analyze background picture that whether described background picture repeat to fill and filling is bigger, if described background picture is that the zone of the background picture that repeats to fill and filling is bigger, then background picture processing unit 530 does not show described background picture after display process; Otherwise 530 pairs of described background pictures of background picture processing unit cover the processing of 1/6~1/2 translucent shade that transparency is equivalent to the transparency of the non-background picture of described covering.
In a preferred embodiment of the present invention, foreground picture processing unit 520 further comprises:
Picture display unit 521 is used for described foreground picture normally is shown in terminal screen;
Foreground picture analytic unit 522 is used for the described foreground picture of analysis and judgement and whether contains Transparent color;
Foreground picture shade generation unit 523 is used for background at described picture and is generating the translucent shade of color for the background color of this picture region under the transparent situation; Background at described picture is that the generation color is the translucent shade of black under the opaque situation; And the transparency of described translucent shade is set to 35%~45%;
Foreground picture shade capping unit 524 is used for the translucent shade that described foreground picture shade generation unit generates is covered the residing rectangular area of described foreground picture.
As preferred embodiment more, the transparency of the described translucent shade of foreground picture shade generation unit is set to 40%.
Background picture processing unit 530 further comprises:
Background picture display unit 531 is used for described background picture normally is shown in terminal screen;
Background picture shade generation unit 533 is used for according to described background picture analytic unit the analysis result of background picture being generated translucent shade;
Background picture shade capping unit 534 is used for the translucent shade that described background picture shade generation unit generates is covered the residing rectangular area of described background picture.
In a preferred embodiment of the present invention, the translucent shade that generated of background picture shade generation unit is that color value is that #000000, transparency are 6%~20% shade.
The source that the present invention is directed to Web page picture is uncontrollable to client generally; need not additionally add under the situation of picture; by existing picture being carried out some comparatively simple transformation; improved the image display effect of webpage and even whole user interface effectively; promoted the user experience of product; and help to protect user's eyesight, simultaneously, technology of the present invention also helps to reduce the installation volume and the memory consumption of end application.
As above see figures.1.and.2 and describe according to image display method of the present invention and device in the mode of example.But, the present invention singly can not be applied to browsing of webpage, the picture that can also further expand to all other user interfaces is handled, by adopting roughly the same technological means, can carry out the adjustment of brightness and color at other the regional elements such as picture that need not to increase under the mode of new picture this interface, reaching under dim environment provides a better viewing experience for the user.Therefore, it will be appreciated by those skilled in the art that the image display method and the device that propose for the invention described above, can also on the basis that does not break away from content of the present invention, make various improvement.Therefore, protection scope of the present invention should be determined by the content of appending claims.

Claims (12)

1. the image display method under the dim environment comprises:
Whether the picture of judging processing to be shown background picture;
If the picture of described processing to be shown is not a background picture, then the picture of described processing to be shown is covered the processing of translucent shade; Otherwise
The picture of described processing to be shown is a background picture, and described background picture is covered the processing of transparency less than the translucent shade of the transparency of the non-background picture of described covering.
2. image display method as claimed in claim 1 wherein, covers transparency to described background picture and further comprises less than the step of the processing of the translucent shade of the transparency of the non-background picture of described covering:
The zone of further judging background picture that whether described background picture repeats to fill and filling is bigger;
If described background picture is that the zone of the background picture that repeats to fill and filling is bigger, then after display process, do not show described background picture; Otherwise
Described background picture is covered the processing of 1/6~1/2 translucent shade that transparency is equivalent to the transparency of the non-background picture of described covering.
3. image display method as claimed in claim 2, wherein, described that background picture is covered transparency is as follows less than the detailed process of the processing of the translucent shade of the transparency of above-mentioned covering foreground picture:
S151: normally be shown in background picture on the terminal screen;
S152: recharging one deck color value on the rectangular area that this background picture is filled is that #000000, transparency are 6%~20% shade.
4. image display method as claimed in claim 3, wherein, in described step S152,
The transparency of the shade that recharges on the rectangular area that background picture is filled is 19%.
5. image display method as claimed in claim 1, wherein, if the picture of described processing to be shown is not a background picture, then the picture of described processing to be shown is a foreground picture, the step that described foreground picture is covered the processing of translucent shade also comprises:
S121: normally be shown in described picture on the terminal screen;
S122: judge whether contain Transparent color in the described picture;
S123: if the background of this foreground picture is transparent, then the color of described translucent shade is set to the background color of this foreground picture region, goes to step S125 then; Otherwise go to step S124; Particularly, the process that the color of translucent shade is set to the background color of this foreground picture region is: take out the background color of this foreground picture region, suppose that the color value that takes out is #X 1X 2X 3X 4X 5X 6, the color maskColor of translucent shade is set to=#X then 1X 2X 3X 4X 5X 6
S124: if the background of this foreground picture is opaque, the background color that is equivalent to this foreground picture is a black, and then the color of translucent shade is set to black, and maskColor=#000000 promptly is set;
S125: covering a color value on the residing rectangular area of this foreground picture is that maskColor, transparency are 35%~45% shade.
6. image display method as claimed in claim 5, wherein, in described step S125,
The transparency of the shade that covers on the residing rectangular area of foreground picture is 40%.
7. the image display apparatus under the dim environment comprises:
The picture/mb-type judging unit, whether the picture that is used to judge processing to be shown background picture;
The foreground picture processing unit is used for when the picture that described picture/mb-type judgment unit judges goes out described processing to be shown is not background picture the processing that the picture of described processing to be shown is covered translucent shade; And
The background picture processing unit, be used for when the picture that described picture/mb-type judgment unit judges goes out described processing to be shown is background picture, described background picture is covered the processing of transparency less than the translucent shade of the transparency of the non-background picture of described covering.
8. image display apparatus as claimed in claim 7, wherein, described background picture processing unit further comprises:
The background picture analytic unit, the zone that is used to analyze background picture that whether described background picture repeat to fill and filling is bigger, if described background picture is that the zone of the background picture that repeats to fill and filling is bigger, then described background picture processing unit does not show described background picture after display process; Otherwise described background picture processing unit covers the processing of 1/6~1/2 translucent shade that transparency is equivalent to the transparency of the non-background picture of described covering to described background picture.
9. image display apparatus as claimed in claim 8, wherein, described background picture processing unit further comprises:
The background picture display unit is used for described background picture normally is shown in terminal screen;
Background picture shade generation unit is used for according to described background picture analytic unit the analysis result of background picture being generated translucent shade;
Background picture shade capping unit is used for the translucent shade that described background picture shade generation unit generates is covered the residing rectangular area of described background picture.
10. image display apparatus as claimed in claim 9, wherein,
The translucent shade that described background picture shade generation unit is generated is that color value is that #000000, transparency are 6%~20% shade.
11. image display apparatus as claimed in claim 8, wherein, described foreground picture processing unit further comprises:
The foreground picture display unit is used for described foreground picture normally is shown in terminal screen;
The foreground picture analytic unit is used for the described foreground picture of analysis and judgement and whether contains Transparent color;
Foreground picture shade generation unit is used for background at described picture and is generating the translucent shade of color for the background color of this picture region under the transparent situation; Background at described picture is that the generation color is the translucent shade of black under the opaque situation; And the transparency of described translucent shade is set to 35%~45%;
Foreground picture shade capping unit is used for the translucent shade that described foreground picture shade generation unit generates is covered the residing rectangular area of described foreground picture.
12. image display apparatus as claimed in claim 11, wherein,
The transparency of the described translucent shade of described foreground picture shade generation unit is set to 40%.
CN 201110071506 2010-11-24 2011-03-24 Picture display method and device thereof Active CN102163216B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN 201110071506 CN102163216B (en) 2010-11-24 2011-03-24 Picture display method and device thereof

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201010557617.5 2010-11-24
CN201010557617 2010-11-24
CN 201110071506 CN102163216B (en) 2010-11-24 2011-03-24 Picture display method and device thereof

Publications (2)

Publication Number Publication Date
CN102163216A true CN102163216A (en) 2011-08-24
CN102163216B CN102163216B (en) 2013-02-13

Family

ID=44464443

Family Applications (1)

Application Number Title Priority Date Filing Date
CN 201110071506 Active CN102163216B (en) 2010-11-24 2011-03-24 Picture display method and device thereof

Country Status (1)

Country Link
CN (1) CN102163216B (en)

Cited By (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102508861A (en) * 2011-09-30 2012-06-20 华为技术有限公司 Webpage color setting method, webpage browser and webpage server
CN102508647A (en) * 2011-09-23 2012-06-20 宇龙计算机通信科技(深圳)有限公司 Synthetic method and synthetic system for tabletop as well as mobile terminal
CN102591950A (en) * 2011-12-28 2012-07-18 优视科技有限公司 Webpage picture browsing method and device based on mobile terminal
CN102955803A (en) * 2011-08-26 2013-03-06 腾讯科技(深圳)有限公司 Website display method and browser
CN103020932A (en) * 2012-12-04 2013-04-03 广东欧珀移动通信有限公司 Application icon mask processing method and system
CN103543925A (en) * 2013-10-18 2014-01-29 北京搜狗科技发展有限公司 Method and device for operating pictures
CN103903593A (en) * 2012-12-27 2014-07-02 腾讯科技(武汉)有限公司 Adjustment method of display background of page, and terminal
CN104078028A (en) * 2014-06-27 2014-10-01 联想(北京)有限公司 Screen brightness adjusting method and electronic equipment
CN104252362A (en) * 2014-09-26 2014-12-31 可牛网络技术(北京)有限公司 Web page showing method and web page showing device
CN104347051A (en) * 2014-06-30 2015-02-11 腾讯科技(深圳)有限公司 Method and system for adjusting screen brightness
CN104992680A (en) * 2015-08-04 2015-10-21 广州文石信息科技有限公司 Electronic ink screen graying method
CN105808613A (en) * 2014-12-31 2016-07-27 广州市动景计算机科技有限公司 Processing method and device of page background picture
CN105879392A (en) * 2016-03-31 2016-08-24 大连文森特软件科技有限公司 Online graphical game making system capable of achieving decomposition storage of pictures based on background subtraction
WO2017088413A1 (en) * 2015-11-25 2017-06-01 乐视控股(北京)有限公司 Video application realizing method and device
CN106919598A (en) * 2015-12-24 2017-07-04 广州市动景计算机科技有限公司 Webpage content display method and system
CN107643866A (en) * 2017-08-21 2018-01-30 广州视源电子科技股份有限公司 Operate method, apparatus, terminal device and the storage medium of different levels picture
CN108345488A (en) * 2018-02-13 2018-07-31 中车青岛四方机车车辆股份有限公司 The display methods and device at interface
CN109614192A (en) * 2018-12-07 2019-04-12 北京金山云网络技术有限公司 Page brightness display methods and device
WO2020062898A1 (en) * 2018-09-26 2020-04-02 惠州学院 Video foreground target extraction method and apparatus
CN112051995A (en) * 2020-10-09 2020-12-08 腾讯科技(深圳)有限公司 Image rendering method, related device, equipment and storage medium
CN112559925A (en) * 2020-12-22 2021-03-26 珠海格力电器股份有限公司 Advertisement shielding method and device, computer equipment and storage medium
CN114449242A (en) * 2022-01-25 2022-05-06 北京小米移动软件有限公司 Display control method, device and storage medium

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101308445A (en) * 2008-06-26 2008-11-19 无敌科技(西安)有限公司 Method for effectively relieving menu icon under picture background

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101308445A (en) * 2008-06-26 2008-11-19 无敌科技(西安)有限公司 Method for effectively relieving menu icon under picture background

Cited By (35)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102955803A (en) * 2011-08-26 2013-03-06 腾讯科技(深圳)有限公司 Website display method and browser
CN102955803B (en) * 2011-08-26 2016-04-20 腾讯科技(深圳)有限公司 A kind of website display method and browser
CN102508647B (en) * 2011-09-23 2015-05-13 宇龙计算机通信科技(深圳)有限公司 Synthetic method and synthetic system for tabletop as well as mobile terminal
CN102508647A (en) * 2011-09-23 2012-06-20 宇龙计算机通信科技(深圳)有限公司 Synthetic method and synthetic system for tabletop as well as mobile terminal
CN102508861A (en) * 2011-09-30 2012-06-20 华为技术有限公司 Webpage color setting method, webpage browser and webpage server
CN102508861B (en) * 2011-09-30 2015-09-09 华为技术有限公司 A kind of webpage color setting method, web browser and web page server
CN102591950A (en) * 2011-12-28 2012-07-18 优视科技有限公司 Webpage picture browsing method and device based on mobile terminal
CN102591950B (en) * 2011-12-28 2015-04-01 优视科技有限公司 Webpage picture browsing method and device based on mobile terminal
CN103020932A (en) * 2012-12-04 2013-04-03 广东欧珀移动通信有限公司 Application icon mask processing method and system
CN103903593B (en) * 2012-12-27 2017-02-22 腾讯科技(武汉)有限公司 Adjustment method of display background of page, and terminal
CN103903593A (en) * 2012-12-27 2014-07-02 腾讯科技(武汉)有限公司 Adjustment method of display background of page, and terminal
CN103543925A (en) * 2013-10-18 2014-01-29 北京搜狗科技发展有限公司 Method and device for operating pictures
CN103543925B (en) * 2013-10-18 2017-09-22 北京搜狗科技发展有限公司 A kind of method and apparatus for operating picture
CN104078028A (en) * 2014-06-27 2014-10-01 联想(北京)有限公司 Screen brightness adjusting method and electronic equipment
CN104347051A (en) * 2014-06-30 2015-02-11 腾讯科技(深圳)有限公司 Method and system for adjusting screen brightness
CN104252362A (en) * 2014-09-26 2014-12-31 可牛网络技术(北京)有限公司 Web page showing method and web page showing device
CN104252362B (en) * 2014-09-26 2018-03-30 可牛网络技术(北京)有限公司 Webpage exhibiting method and device
CN105808613A (en) * 2014-12-31 2016-07-27 广州市动景计算机科技有限公司 Processing method and device of page background picture
CN105808613B (en) * 2014-12-31 2019-07-26 广州市动景计算机科技有限公司 The processing method and processing device of page layout background picture
CN104992680A (en) * 2015-08-04 2015-10-21 广州文石信息科技有限公司 Electronic ink screen graying method
CN104992680B (en) * 2015-08-04 2018-03-06 广州文石信息科技有限公司 A kind of method of electronic ink screen color gray processing
WO2017088413A1 (en) * 2015-11-25 2017-06-01 乐视控股(北京)有限公司 Video application realizing method and device
CN106919598A (en) * 2015-12-24 2017-07-04 广州市动景计算机科技有限公司 Webpage content display method and system
CN105879392A (en) * 2016-03-31 2016-08-24 大连文森特软件科技有限公司 Online graphical game making system capable of achieving decomposition storage of pictures based on background subtraction
CN105879392B (en) * 2016-03-31 2019-05-24 快创科技(大连)有限公司 Decompose to image the inline graphics game making system of storage based on background subtraction method
CN107643866A (en) * 2017-08-21 2018-01-30 广州视源电子科技股份有限公司 Operate method, apparatus, terminal device and the storage medium of different levels picture
CN107643866B (en) * 2017-08-21 2020-08-07 广州视源电子科技股份有限公司 Method and device for operating different-level pictures, terminal equipment and storage medium
CN108345488A (en) * 2018-02-13 2018-07-31 中车青岛四方机车车辆股份有限公司 The display methods and device at interface
WO2020062898A1 (en) * 2018-09-26 2020-04-02 惠州学院 Video foreground target extraction method and apparatus
CN109614192A (en) * 2018-12-07 2019-04-12 北京金山云网络技术有限公司 Page brightness display methods and device
CN112051995A (en) * 2020-10-09 2020-12-08 腾讯科技(深圳)有限公司 Image rendering method, related device, equipment and storage medium
CN112051995B (en) * 2020-10-09 2022-01-28 腾讯科技(深圳)有限公司 Image rendering method, related device, equipment and storage medium
CN112559925A (en) * 2020-12-22 2021-03-26 珠海格力电器股份有限公司 Advertisement shielding method and device, computer equipment and storage medium
CN112559925B (en) * 2020-12-22 2022-06-14 珠海格力电器股份有限公司 Advertisement shielding method and device, computer equipment and storage medium
CN114449242A (en) * 2022-01-25 2022-05-06 北京小米移动软件有限公司 Display control method, device and storage medium

Also Published As

Publication number Publication date
CN102163216B (en) 2013-02-13

Similar Documents

Publication Publication Date Title
CN102163216B (en) Picture display method and device thereof
CN106484396B (en) Night mode switching method and device and terminal equipment
AU2014202632B2 (en) Content adjustment in graphical user interface based on background content
US7219309B2 (en) Innovations for the display of web pages
EP1393148B1 (en) Methods, systems, and programming for producing and displaying subpixel-optimized font bitmaps using non-linear color balancing
US7290223B2 (en) Interface for displaying and exploring hierarchical information
US9071870B2 (en) System and method for viewing digital visual content on a device
WO2002033688B1 (en) Dynamic integration of computer generated and real world images
CN105138317A (en) Window display processing method and device applied to terminal equipment
KR20060119697A (en) A multiple-mode window presentation system and process
EP1227675A3 (en) Device and method for realizing tranparency in an on screen display
KR20180098065A (en) Display apparatus and control method thereof
US8531448B2 (en) Stereoscopic image display apparatus, text data processing apparatus, program, and storing medium
WO2012149855A1 (en) Webpage colour setting method, web browser and webpage server
CN108345488B (en) Interface display method and device
CN106528161B (en) Terminal device, page display processing device and method
US20020154135A1 (en) Systems and methods for rendering visual effects that are a function of depth
KR102139751B1 (en) Display apparatus and control method thereof
CN110225177B (en) Interface adjusting method, computer storage medium and terminal equipment
CN111326118A (en) Device and method for setting display parameters and computer readable storage medium
CN115606189A (en) Method and apparatus for rendering content for visual accessibility
JP2001175192A (en) Display device
WO2023192213A1 (en) Methods and systems for perceptually meaningful spatial content compositing
WO2023192235A1 (en) Methods and systems for perceptually meaningful spatial content compositing
Krantz Web-Based Media for Online Research in Social Psychology

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20200630

Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 2, 16, 301 rooms, 510665 Yun Yun Road, Tianhe District, Guangdong, Guangzhou

Patentee before: GUANGZHOU UCWEB COMPUTER TECHNOLOGY Co.,Ltd.