layout/reftests/bugs/635373-2.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Testing compositing of translucent layer with complex visible region</title>
   5 <style>
   6 body { background:white; }
   7 #d {
   8         position:absolute;
   9         top:200px;
  10         left:200px;
  11     font-size:30px;
  12     transform:rotate(30deg);
  13     -moz-transform:rotate(30deg);
  14 }
  15 canvas { display:block; }
  16 span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
  17 </style>
  18 </head>
  19 <body>
  20 <div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
  21 <span style="width:100px;"></span>
  22 </div>
  23 <script>
  24 var ctx = document.getElementById("c").getContext("2d");
  25 ctx.fillStyle = "lime";
  26 ctx.fillRect(5,5,5,5);
  27 </script>
  28 </body>
  29 </html>