ajustar canvas dentro de un div dependiendo de la resolucion de pantalla

Iniciado por OssoH, 10 Abril 2012, 15:22 PM

0 Miembros y 1 Visitante están viendo este tema.

OssoH

Hola,
estoy haciendo una web donde tengo varios <div> y dentro de estos el objeto canvas de html5.
Estos div los tengo en CSS con ancho y alto usando porcentajes para que dependiendo de la resolución de pantalla sean más o menos grandes.
Lo que pretendo es que el objeto canvas dentro del div se agrande/disminuya automáticamente al cambiar de resolución.
Alguien sabe como se hace?
Gracias de antemano.

R2100

¿Has probado a cambiar el tamaño con javascript al detectar el evento  resize de la página?
Por ejemplo con jquery:
$(window).resize(function() {
  var w¡ =$(this).width();
  var he = $(this).height();

  $('#micanvas').height(he);
  $('#micanvas').width(wi);
});



OssoH

vaya....lleva razón.
Ya tengo el punto de partida.
Muchas gracias crack!!!