OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 .scaled { /* Ends up 255.5px by 255.5px */ | 4 .scaled { /* Ends up 255.5px by 255.5px */ |
5 position:relative; | 5 position:relative; |
6 left: 128; top: 128; | 6 left: 128; top: 128; |
7 width:511px; | 7 width:511px; |
8 height:511px; | 8 height:511px; |
9 -webkit-transform: translateZ(0px) scale(0.5); | 9 -webkit-transform: translateZ(0px) scale(0.5); |
10 } | 10 } |
11 body { position:relative; } | 11 body { position:relative; } |
12 </style> | 12 </style> |
13 | 13 |
14 <script type="text/javascript" charset="utf-8"> | 14 <script type="text/javascript" charset="utf-8"> |
15 if (window.testRunner) { | 15 if (window.testRunner) { |
16 testRunner.dumpAsText(true); | 16 testRunner.dumpAsTextWithPixelResults(); |
17 } | 17 } |
18 </script> | 18 </script> |
19 </head> | 19 </head> |
20 | 20 |
21 <body style="margin:0; padding:0;"> | 21 <body style="margin:0; padding:0;"> |
22 <!-- | 22 <!-- |
23 If the test passes you should see a solid green square with no blue on its ed
ges. | 23 If the test passes you should see a solid green square with no blue on its ed
ges. |
24 | 24 |
25 The image sits such that it completely fills a tile in the white background l
ayer. However some of the edge pixels of the box are only partially | 25 The image sits such that it completely fills a tile in the white background l
ayer. However some of the edge pixels of the box are only partially |
26 filled, so they end up being blended with part of the pixel behind them. If c
ulling treats them as opaque, then the background tile below is culled | 26 filled, so they end up being blended with part of the pixel behind them. If c
ulling treats them as opaque, then the background tile below is culled |
27 inappropriately, and the edge pixels come out mixed with blue since the parti
al pixels behind were not filled. | 27 inappropriately, and the edge pixels come out mixed with blue since the parti
al pixels behind were not filled. |
28 --> | 28 --> |
29 <img class="scaled green" src="../../fast/images/resources/green.jpg"></img> | 29 <img class="scaled green" src="../../fast/images/resources/green.jpg"></img> |
30 </body> | 30 </body> |
31 </html> | 31 </html> |
OLD | NEW |