Problemas cargando canvas con Internet Explorer

uziel5 · #1 (**permalink**) 07/08/2011, 15:12

Hola, tengo rato aprendiendo canvas y javascript solo que ahora tengo un problema, hasta ahora había estado viendo los resultados con Chromea, pero he intentado abrir mis códigos en Internet Explorer y me doy cuenta de que no se ve mi canvas.

He hecho un pequeño código en javascript para no complicar mucho las cosas y quisiera que me dijeran por qué no lo abre.

Codigo HTML

Código:

<html>
	<head>
		<title></title>
	</head>
	<body>
		<script src="codigo.js"></script>
	</body>
</html>

Codigo Javascript:

Código:

var canvas;
var contexto;

function inicializarCanvas(){
	canvas  = document.createElement('canvas');
	canvas.width = 600;
	canvas.height = 400;
	contexto = canvas.getContext('2d');
	document.body.appendChild(canvas);
}

inicializarCanvas();

contexto.fillStyle = "gray";
contexto.fillRect(0,0,canvas.width, canvas.height);

Gracias por su tiempo.

maycolalvarez · #2 (**permalink**) 07/08/2011, 15:19

¿que versión de IE?, el canvas no es soportado completamente hasta la versión 9 http://diveintohtml5.org/canvas.html#divingin

uziel5 · #3 (**permalink**) 07/08/2011, 15:22

Es la versión 9, y como dices esta versión si lo soporta, he probado en firefox y tampoco tengo problemas.

Panino5001 · #4 (**permalink**) 07/08/2011, 15:29

No tengo instalado Explorer 9, pero podrías probar con:

Código PHP:

  contexto.fillStyle = "rgb(100,100,100)";

o con:

Código PHP:

  contexto.fillStyle = "rgba(100,100,100,1)";

uziel5 · #5 (**permalink**) 07/08/2011, 15:38

He probado modificando la linea que me pusiste y nada, también he probado con el siguiente código:

Código:

<html>
	<head>
	</head>
	<body>
		<canvas>
			Incompatible
		</canvas>
	</body>
</html>

Me saca Incompatible al contrario que Chome y firefox.

¿Será que me vuelvo a instalar el internet explorer?

Panino5001 · #6 (**permalink**) 07/08/2011, 15:41

Sí, deberías reinstalarlo porque la versión 9 sí lo soporta. Incluso debería soportar como valor de fillStyle cualquier tipo de color css.
http://msdn.microsoft.com/en-us/libr...(v=vs.85).aspx

uziel5 · #7 (**permalink**) 07/08/2011, 15:42

Ok, vuelvo a instalar, lo extraño es que le acabo de preguntar a un amigo que tiene el internet explorer 9 y tampoco le va.

uziel5 · #8 (**permalink**) 07/08/2011, 17:40

He reinstalado Internet Exploter 9 y no, no va, me sigue apareciendo "Incompatible" con el código que puse antes.