| OLD | NEW | 
| (Empty) |  | 
 |   1  | 
 |   2 <!DOCTYPE html> | 
 |   3 <html> | 
 |   4 <body> | 
 |   5 <canvas id ='output' width='200' height='200'></canvas> | 
 |   6 <script> | 
 |   7 var aCanvas = document.getElementById('output'); | 
 |   8 var ctx = aCanvas.getContext('2d'); | 
 |   9  | 
 |  10 var radialGrad = ctx.createRadialGradient(100, 100, 100, 100, 100, 0); | 
 |  11 radialGrad.addColorStop(0, "#fff"); | 
 |  12 radialGrad.addColorStop(1, "#0f0"); | 
 |  13  | 
 |  14 ctx.fillStyle = radialGrad; | 
 |  15 ctx.fillRect(0, 0, 200, 200); | 
 |  16  | 
 |  17 var linearGrad = ctx.createLinearGradient(0, 0, 200, 200); | 
 |  18 linearGrad.addColorStop(0, "#f00"); | 
 |  19 linearGrad.addColorStop(1, "#ff0"); | 
 |  20  | 
 |  21 ctx.strokeStyle = linearGrad; | 
 |  22 ctx.lineWidth = "3"; | 
 |  23 ctx.beginPath(); | 
 |  24 ctx.moveTo(0, 0); | 
 |  25 ctx.lineTo(200, 200); | 
 |  26 ctx.stroke(); | 
 |  27 </script> | 
 |  28 </body> | 
 |  29 </html> | 
| OLD | NEW |