text-no-frame-2-test.html (694B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Test to ensure non-framed canvas inherits properties</title> 5 </head> 6 <body> 7 <div style="font: 20px sans-serif;"> 8 <div style="display: none;"> 9 <canvas id="c" width="512" height="256"></canvas> 10 </div> 11 <canvas id="d" width="512" height="256"></canvas> 12 </div> 13 <script type="text/javascript"> 14 var canvas = document.getElementById('c'); 15 var ctx = canvas.getContext('2d'); 16 17 var str = 'BLEARGH!'; 18 ctx.font = '1em sans-serif'; 19 ctx.fillStyle = 'black'; 20 ctx.textAlign = 'center'; 21 ctx.fillText(str, 256, 128); 22 23 var canvas2 = document.getElementById('d'); 24 var ctx = canvas2.getContext('2d'); 25 26 ctx.drawImage(canvas, 0, 0); 27 </script> 28 </body> 29 </html>