Canvas WVU Logo

A quick attempt at canvas.

by Travis

HTML

<canvas id="game" width="250" height="250"></canvas>

CSS

body {padding:10px;}
canvas {border:0px solid #000;}
/* Reference Image : http://i.imgur.com/bolht.png */

JavaScript

// Ready... Aim...
function draw() {
    var canvas = document.getElementById('game');
    if (canvas.getContext) {  
        var ctx = canvas.getContext("2d");  
    
        ctx.beginPath();
        ctx.moveTo(0,0);  
        ctx.lineTo(0,40);  
        ctx.lineTo(35,40);
        ctx.lineTo(92,130);
        ctx.lineTo(125,79);
        ctx.lineTo(160,130);
        ctx.lineTo(215,40);
        ctx.lineTo(250,40);
        ctx.lineTo(250,0);
        ctx.lineTo(198,0);
        ctx.lineTo(160,55);
        ctx.lineTo(125,5);
        ctx.lineTo(90,55);
        ctx.lineTo(53,0);
        ctx.moveTo(5,0);
        ctx.closePath();
        ctx.stroke();
        
        ctx.beginPath();
        ctx.moveTo(126,103);
        ctx.lineTo(98,143);
        ctx.lineTo(160,240);
        ctx.lineTo(212,145);
        ctx.lineTo(250,145);
        ctx.lineTo(250,105);
        ctx.lineTo(192,105);
        ctx.lineTo(160,155);
        ctx.lineTo(126,103);
        ctx.closePath();    
        ctx.stroke();
                        
    }
}

// Fire!
draw();