635373-1.html (692B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Testing compositing of opaque 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 transform:rotate(30deg); 14 } 15 canvas { display:block; } 16 span { display:block; background:rgb(200,200,200); 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>