<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <canvas id="deadmaus" width="200" height="200"> This text is displayed if your browser does not support HTML5 Canvas. </canvas>

// Set up! var deadmaus = document.getElementById("deadmaus"); var context = deadmaus.getContext("2d"); // Draw the left ear context.beginPath(); context.arc(150, 60, 35, 0, 2*Math.PI); context.closePath(); context.fillStyle = "yellow"; context.fill(); // Draw the right ear context.beginPath(); context.arc(40, 60, 35, 0, 2*Math.PI); context.closePath(); context.fill(); // Draw the face context.beginPath(); context.arc(95, 95, 50, 0, 2*Math.PI); context.closePath(); context.fill(); // Draw the left eye context.beginPath(); context.arc(70, 80, 15, 0, 2*Math.PI); context.closePath(); context.fillStyle = "black"; context.fill(); // Draw the right eye context.beginPath(); context.arc(120, 80, 15, 0, 2*Math.PI); context.closePath(); context.fill(); // Draw the mouth context.beginPath(); context.arc(95, 100, 40, Math.PI, 2*Math.PI, true); context.closePath(); context.fill(); // Write "Hello, World!" context.font = "24px arial"; context.fillText("DeadMau5",40,180);