<script>
// DEFINE YOUR GLOBAL VARIABLES HERE
var canvas;
var context;
var myWords = new Array();
myWords = ["From", "fairest", "creatures", "we", "desire", "increase"];
// INITIALIZE THE STARTING FUNCTION
function init() {
canvas = document.getElementById("myCanvas");
context = canvas.getContext("2d");
// CALL SUBSEQUENT FUNCTIONS, as many as you need2
drawBkgd(); // COVER TRANSPARENT CANVAS
create(); // THIS IS WHERE AL HAPPENS
}
function drawBkgd() { // USE THIS AREA TO MODIFY BKGD
context.fillStyle = "rgb(117,117,117)";
context.fillRect(0,0,canvas.width, canvas.height);
}
function create() {
// >>>>>>>>>>>>>>>>>>>>>>>>>> START HERE
var msg = myWords.length;
var num = Math.round( Math.random() * (myWords.length-1) );
context.font = 'bold 80px Helvetica';
context.lineWidth = 5;
context.strokeStyle = "rgb(0,0,0)";
context.strokeText(myWords[num], canvas.width/10, canvas.height/2);
// >>>>>>>>>>>>>>>>>>>>>>>>>> END HERE
}
</script>