Estoy realizando mis inicios con canvas..... copie un codigo de la web pero no me funciona... completamente muestra el marco del canvas pero no muestra nada dentro de el.... el codigo copiado:
<!doctype html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf_8">
<title>capitulo 1</title>
<script>
var mycanvas = document.getElementById('mycanvas');
var context = mycanvas.getContext('2d');
context.fillStyle = 'red';
context.fillRect(30, 30, 50, 50);
context.fillRect(5, 5, 145, 145);
context.fillStyle = "rgb(0, 162, 232)";
context.fillRect(40, 55, 145, 145);
context.fillStyle = "rgba(255, 0, 0, 0.2)";
context.fillRect(75, 105, 145, 145);
</script>
</head>
<body>
<div>
<canvas id="mycanvas" style="width:1000px; height:300px; border:1px solid blue">Este texto se muestra si su navegador no soporta la lona (canvas) de HTML5.</canvas>
</div>
</body>
</html>