Estoy intentando realizar un dibujo con canvas y no consigo descubrir el error del siguiente codigo:
<!DOCTYPE html>
<html>
<head>
<title>Graficas Estadistica</title>
<script type="text/javascript">
function getCanvas2dContext(idCanvas){
try{
return document.getElementById(idCanvas).getContext('2d');
}catch(e){
return false;
}
}
function dibujar(){
if(ctx = getCanvas2dContext('canvas')){
alert(ctx);
ctx.beginPath();
ctx.rect(0, 0, parseInt(document.getElementById('canvas').width) - 1, parseInt(document.getElementById('canvas').heigth) - 1);
ctx.fillStyle = '#8ED6FF';
ctx.fill();
ctx.lineWidth = 5;
ctx.strokeStyle = 'black';
ctx.stroke();
}
}
</script>
</head>
<body onload="dibujar()">
<div style="float:left;height:670px;overflow-y:scroll">...</div>
<canvas id="canvas" width="1100px" height="670px" style="float:right">El navegador no soporta graficos CANVAS</canvas>
</body>
</html>
No hay problemas de sintaxis pero sige sin imprimir nada en el canvas, aunque al dar selleccionar todo si que se puede apreciar el elemento canvas y la alerta devuelve el objeto correctamente
Usuarios: 
