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