Home | History | Annotate | Download | only in gpu 
      1 <!DOCTYPE HTML>
      2 <html>
      3 <head>
      4 <title>Browser Plugin Compositing Test: Projected Blue Box over Black Background</title>
      5 <style type="text/css">
      6 .nomargin {
      7   margin: 0px auto;
      8 }
      9 </style>
     10 <script>
     11 var g_swapsBeforeAck = 100;
     12 
     13 function main()
     14 {
     15   waitForFinish();
     16 }
     17 
     18 function waitForFinish()
     19 {
     20   if (g_swapsBeforeAck == 0) {
     21     domAutomationController.setAutomationId(1);
     22     domAutomationController.send("SUCCESS");
     23   } else {
     24     g_swapsBeforeAck--;
     25     document.getElementById('plugin').style.zIndex = g_swapsBeforeAck + 1;
     26     window.webkitRequestAnimationFrame(waitForFinish);
     27   }
     28 }
     29 </script>
     30 </head>
     31 <body onload="main()">
     32 <div id="container" style="position:absolute; top:0px; left:0px">
     33 
     34 <!-- Browser plugin is navigated to the base64 encoding of the following
     35 <html>
     36 <head>
     37 <style type="text/css">
     38 .nomargin {
     39   margin: 0px auto;
     40 }
     41 
     42 #container {
     43   -webkit-perspective: 500;
     44 }
     45 
     46 #container > div {
     47   position: relative;
     48   margin: 50px;
     49   width: 125px;
     50   height: 75px;
     51 }
     52 
     53 #container > :first-child {
     54   background-color: blue;
     55   -webkit-transform: rotateY(45deg);
     56 }
     57 </style>
     58 </head>
     59 <body>
     60 <div style="position:relative; width:200px; height:200px; background-color:black; zindex-0">
     61 </div>
     62 <div id="container" style="position:absolute; top:0px; left:0px">
     63   <div id="blue_box"></div>
     64 </div>
     65 </body>
     66 </html>
     67 //-->
     68 
     69 <object id="plugin" src="data:text/html;base64,DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCi5ub21hcmdpbiB7DQogIG1hcmdpbjogMHB4IGF1dG87DQp9DQoNCiNjb250YWluZXIgew0KICAtd2Via2l0LXBlcnNwZWN0aXZlOiA1MDA7DQp9DQoNCiNjb250YWluZXIgPiBkaXYgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIG1hcmdpbjogNTBweDsNCiAgd2lkdGg6IDEyNXB4Ow0KICBoZWlnaHQ6IDc1cHg7DQp9DQoNCiNjb250YWluZXIgPiA6Zmlyc3QtY2hpbGQgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOw0KICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlWSg0NWRlZyk7DQp9DQo8L3N0eWxlPg0KPC9oZWFkPg0KPGJvZHk+DQo8ZGl2IHN0eWxlPSJwb3NpdGlvbjpyZWxhdGl2ZTsgd2lkdGg6MjAwcHg7IGhlaWdodDoyMDBweDsgYmFja2dyb3VuZC1jb2xvcjpibGFjazsgemluZGV4LTAiPg0KPC9kaXY+DQo8ZGl2IGlkPSJjb250YWluZXIiIHN0eWxlPSJwb3NpdGlvbjphYnNvbHV0ZTsgdG9wOjBweDsgbGVmdDowcHgiPg0KICA8ZGl2IGlkPSJibHVlX2JveCI+PC9kaXY+DQo8L2Rpdj4NCjwvYm9keT4NCjwvaHRtbD4NCg==" type="application/browser-plugin" width="400px" height="300px">
     70 </div>
     71 </body>
     72 </html>
     73