Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: OssoH en 10 Abril 2012, 15:22 pm



Título: ajustar canvas dentro de un div dependiendo de la resolucion de pantalla
Publicado por: OssoH en 10 Abril 2012, 15:22 pm
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.


Título: Re: ajustar canvas dentro de un div dependiendo de la resolucion de pantalla
Publicado por: R2100 en 10 Abril 2012, 16:17 pm
¿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);
});




Título: Re: ajustar canvas dentro de un div dependiendo de la resolucion de pantalla
Publicado por: OssoH en 10 Abril 2012, 16:59 pm
vaya....lleva razón.
Ya tengo el punto de partida.
Muchas gracias crack!!!