OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Canvas 2D Test: Red Box over Black Background</title> | 4 <title>Canvas 2D Test: Red Box over Black Background</title> |
5 <style type="text/css"> | 5 <style type="text/css"> |
6 .nomargin { | 6 .nomargin { |
7 margin: 0px auto; | 7 margin: 0px auto; |
8 } | 8 } |
9 </style> | 9 </style> |
10 <script> | 10 <script> |
11 var g_swapsBeforeAck = 15; | 11 var g_swapsBeforeAck = 6; |
12 var g_paintLoopStarted = false; | 12 var g_paintLoopStarted = false; |
13 | 13 |
14 function main() | 14 function main() |
15 { | 15 { |
16 g_swapsBeforeAck = 15; | 16 g_swapsBeforeAck = 6; |
17 | 17 |
18 if (!g_paintLoopStarted) { | 18 if (!g_paintLoopStarted) { |
19 g_paintLoopStarted = true; | 19 g_paintLoopStarted = true; |
20 draw(); | 20 draw(); |
21 waitForFinish(); | 21 waitForFinish(); |
22 } | 22 } |
23 } | 23 } |
24 | 24 |
25 function draw() | 25 function draw() |
26 { | 26 { |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
59 </script> | 59 </script> |
60 </head> | 60 </head> |
61 <body onload="notifyLoadFinished()"> | 61 <body onload="notifyLoadFinished()"> |
62 <div style="position:relative; width:200px; height:200px; background-color:black
"> | 62 <div style="position:relative; width:200px; height:200px; background-color:black
"> |
63 </div> | 63 </div> |
64 <div style="position:absolute; top:0px; left:0px"> | 64 <div style="position:absolute; top:0px; left:0px"> |
65 <canvas id="c" width="200" height="200" class="nomargin"></canvas> | 65 <canvas id="c" width="200" height="200" class="nomargin"></canvas> |
66 </div> | 66 </div> |
67 </body> | 67 </body> |
68 </html> | 68 </html> |
OLD | NEW |