608636-1.html (709B)
1 <!DOCTYPE HTML> 2 <html style="background:white;"> 3 <body> 4 <canvas id="b" style="position:absolute; left:0; top:0" width="20" height="20"></canvas> 5 <div style="position:absolute; left:0; top:0; transform:rotate(45deg); height:400px; width:400px; opacity:0.5; border:1px solid black;"> 6 <canvas id="c" style="display:block;" width="20" height="20"></canvas> 7 </div> 8 <div style="position:absolute; left:-3px; top:-3px; transform:rotate(45deg); height:390px; width:390px; border:10px solid red;"></div> 9 <script> 10 function fillCanvas(id) { 11 var ctx = document.getElementById(id).getContext("2d"); 12 ctx.fillStyle = "black"; 13 ctx.fillRect(0, 0, 10, 10); 14 } 15 fillCanvas("c"); 16 fillCanvas("b"); 17 </script> 18 </body> 19 </html>