|
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> |