text-no-frame-test.html (695B)
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: 40px sans-serif; direction: rtl;"> 8 <canvas id="c" width="512" height="256" style="display: none;"></canvas> 9 </div> 10 <canvas id="d" width="512" height="256"></canvas> 11 <script type="text/javascript"> 12 var canvas = document.getElementById('c'); 13 var ctx = canvas.getContext('2d'); 14 15 var str = 'BLEARGH!'; 16 ctx.font = '1em sans-serif'; 17 ctx.fillStyle = 'black'; 18 ctx.textAlign = 'center'; 19 ctx.fillText(str, 256, 128); 20 21 var canvas2 = document.getElementById('d'); 22 var ctx = canvas2.getContext('2d'); 23 24 ctx.drawImage(canvas, 0, 0); 25 </script> 26 </body> 27 </html>