Assignment 01A.)

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

//////////////////////////////////////
   
        var x = 347;
        var y = 3;
        var width = 450;
        var height = width;
     
        context.beginPath();
        context.rect(x,y,width,height);
        var grd = context.createLinearGradient(x+3, y+3, x-3+width, y-3+height);
        grd.addColorStop(0, "rgb(0,100,0");
        grd.addColorStop(1, "rgb(255,255,0");
        context.fillStyle = grd;
        context.fill();

        context.lineWidth = 6;
        context.strokeStyle = "#0000ff";
        context.stroke();


//////////////////////////////////////

};

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