|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <title>Test to ensure canvas not in doc gets default properties</title> |
|
5 </head> |
|
6 <body> |
|
7 <canvas id="d" width="512" height="256"></canvas> |
|
8 <script type="text/javascript"> |
|
9 var canvas = document.createElement('canvas'); |
|
10 canvas.width = 512; |
|
11 canvas.height = 526; |
|
12 var ctx = canvas.getContext('2d'); |
|
13 |
|
14 var str = 'BLEARGH!'; |
|
15 ctx.font = '2em sans-serif'; |
|
16 ctx.fillStyle = 'black'; |
|
17 ctx.textAlign = 'center'; |
|
18 ctx.fillText(str, 256, 128); |
|
19 |
|
20 var canvas2 = document.getElementById('d'); |
|
21 var ctx = canvas2.getContext('2d'); |
|
22 |
|
23 ctx.drawImage(canvas, 0, 0); |
|
24 </script> |
|
25 </body> |
|
26 </html> |