633344-1.html (679B)
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 transform:scale(1.4); 13 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>