Javascript-форум - Проблемы с Canvas

имеется Javascript код в отдельном файле:

var dw = document.documentElement.clientWidth;
var dh = document.documentElement.clientHeight;
var fps = [];
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
function init(){
    var canvas = document.createElement('canvas');
    canvas.style.position = 'absolute';
    canvas.style.top = '0px';
    canvas.style.left = '0px';
    canvas.style.zIndex = '-1000';
    canvas.width = dw;
    canvas.height = dh;
    document.body.insertBefore(canvas, document.body.firstChild);
    UpdateScreen();
}
function UpdateScreen(){
    Draw();
    setTimeout("UpdateScreen()", 1000/60);
}

function FPS() {
    if (fps.length > 60){fps.splice(0, 1);}
    var start = (new Date).getTime();
    fps.push(start);
    var sum = 0;
    for (var id = 0; id < fps.length - 1; id++) {sum += fps[id + 1] - fps[id];}
    var diff = Math.floor(1000.0 / (sum / fps.length));
    ctx.fillStyle = "Red";  
    ctx.fillText('FPS: '+diff, 30, 30);}

function Draw(){
    ctx.save();
    FPS();
    ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
    ctx.fillRect (30, 30, 55, 50);
    ctx.restore();
}
window.onload = init;

в html-файл я только добавляю ссылку на javascript код:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Site at Canvas</title>
<script src="./js/c.js"></script>
</head>
<body></body>
</html>

Проблема в том что у меня на страницы ничего не происходит, то есть, ни добавляется текст с fps, ни красный прямоугольник.
можете объяснить в чем причины сего происходящего?