Assignment 01B.)

<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
      #myCanvas {
        border: 1px solid #d3d3d3;
      }
    </style>
    <script>
      window.onload = function() {
        var canvas = document.getElementById("myCanvas");
        var context = canvas.getContext("2d");
/////////////////////////////////////////

var x = 100;
var y = 100;
var width = 600;
var height = 400;

context.beginPath();
context.rect(x,y,width,height);
var grd = context.createRadialGradient(x+width/2, y+height/2, 10, x+width/2, y+height/2, 500);
grd.addColorStop(.1, "#ff0000");
grd.addColorStop(.2, "#ff7f00");
grd.addColorStop(.3, "#e6e6fa");
grd.addColorStop(.4, "#ff69b4");
grd.addColorStop(.5, "#000080");
context.fillStyle = grd;
context.fillRect(x,y,width,height);
context.lineWidth = 0;
context.strokeStyle = none;
context.stroke();

//////////////////////////////////////////
    }
</script>
  </head>
  <body>
    <canvas id="myCanvas" width="800" height="600"></canvas>
  </body>
</html>