Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
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; -moz-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; -moz-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>