|
1 <html xmlns="http://www.w3.org/1999/xhtml" |
|
2 class="reftest-wait"> |
|
3 <head> |
|
4 <script> |
|
5 function doDraw() { |
|
6 var ctx = document.getElementById('canvas').getContext('2d'); |
|
7 |
|
8 var grad = ctx.createLinearGradient(120,20,300,20); |
|
9 grad.addColorStop(0, '#0000ff'); |
|
10 grad.addColorStop(1, '#000000'); |
|
11 |
|
12 ctx.fillStyle = grad; |
|
13 ctx.fillRect(0,0,300,300); |
|
14 |
|
15 ctx = document.getElementById('canvas2').getContext('2d'); |
|
16 |
|
17 grad = ctx.createLinearGradient(30,300,30,0); |
|
18 grad.addColorStop(0, '#00ff00'); |
|
19 grad.addColorStop(1, '#000000'); |
|
20 |
|
21 ctx.fillStyle = grad; |
|
22 ctx.fillRect(0,0,300,300); |
|
23 |
|
24 document.documentElement.removeAttribute('class'); |
|
25 } |
|
26 </script> |
|
27 </head> |
|
28 <body onload="doDraw();"> |
|
29 <canvas id="canvas" width="300" height="300" style="position: absolute; top: 30px; left: 30px;"></canvas> |
|
30 <br/><br/> |
|
31 <canvas id="canvas2" width="300" height="300" style="position: absolute; top: 360px; left: 30px;"></canvas> |
|
32 </body> |
|
33 </html> |
|
34 |