<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title> FMX 210 DIGITAL MEDIA - CANVAS PROJECT </title>

<style type="text/css">


body,td,th {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: rgba(255,255,255,1);
}


body {
background-color: rgba(0,0,0,1);
}


#myCanvas { border: rgba(102,0,255,1) medium dashed; background-color: rgba(255,255,255,1); }


</style>


</head>

<body>

<canvas id="myCanvas" width="800" height="600"></canvas>

<script>


var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

 

 

 

 

//// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> YOUR CODE STARTS HERE

 

 

 

 

 

 

 

 

 

 

 

 

//// <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< YOUR CODE ENDS HERE

 

 



// CHANGE THE CREDITS: ADD YOUR NAME AND CLASS INFORMATION

var credits = "YOUR NAME, TITLE, FMX 210, TERM, YEAR";
context.beginPath();
context.font = 'bold 20px Arial';
context.fillStyle = "rgba(0,0,0,1)";
context.fillText(credits, 20, 550);
context.closePath();

</script>


</body>
</html>