Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 .outer {
6 background:yellow;
7 position:absolute;
8 left:100px;
9 top:100px;
10 width:300px;
11 height:100px;
12 -moz-transform:scale(1.4);
13 -moz-transform-origin:top left;
14 transform:scale(1.4);
15 transform-origin:top left;
16 }
17 .inner {
18 float:left;
19 width:100px;
20 height:11px;
21 background:black;
22 }
23 canvas {
24 display:block;
25 float:left;
26 }
27 </style>
28 </head>
29 <body>
30 <div class="outer"><div class="inner"></div><canvas id="c" width="10" height="10"></canvas></div>
31 <script>
32 var ctx = document.getElementById("c").getContext("2d");
33 ctx.fillStyle = "black";
34 ctx.fillRect(0, 0, 10, 10);
35 </script>
36 </body>
37 </html>