Jay's triangle

by Lucille Kenney

HTML

<canvas id="canvas" width="400" height="400">
    Your browser does not support the HTML5 Canvas,blablablbal
</canvas>

CSS

#canvas{border:1px solid black;}

JavaScript

var canvas = $("canvas");
var context = canvas.get(0).getContext("2d");

context.strokeStyle = "#0000ff";
context.fillStyle = "#ff00ff";
context.lineWidth = 12;

//rad = deg * Math.PI/180
//deg = rad * 180/Math.PI;

var angle = 0;

    






var timer = setInterval(animate, 33);
//1000 ms = 1 sec

function animate()
{
    context.clearRect(0,0, canvas.width(),     canvas.height());
    context.rotate(angle * Math.PI/180);
    context.beginPath();
    context.moveTo(200, 100);
    context.lineTo(300,300);
    context.lineTo(100,300);
    context.closePath();
    context.stroke();
    angle++;
}