Código de JavaScript - canvas en pantalla completa

Imágen de perfil

canvas en pantalla completagráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Agosto del 2016 por Humberto
787 visualizaciones desde el 20 de Agosto del 2016. Una media de 56 por semana
el código lo que hace es ponerte la pantalla de canvas a pantalla completa de el navegador
nota:quiero agregar que el código no es mio solamente es que lo quiero compartir con ustedes para que no batallen en la creación de sus juegos xd
Captura-de-pantalla-26

Requerimientos

tener un explorador web actualizado con canvas y javascript como google chrome(preferentemente)

1.0
estrellaestrellaestrellaestrellaestrella(1)

Actualizado el 24 de Agosto del 2016 (Creado el 20 de Agosto del 2016)gráfica de visualizaciones de la versión: 1.0
788 visualizaciones desde el 20 de Agosto del 2016. Una media de 56 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

te pone el canvas a pantalla completa!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*
 * Funcion que permite escalar un elemento
 * a pantalla completa y pocisionarlo en 
 * el centro del documento.
 * 
 * autor: Pablo Elias Pineda
 */
 
function autoScale(id) {
 
	var d = document, E, iw = window.innerWidth,
		ih = window.innerHeight, X, Y, scale;
 
	if(typeof id == 'object') E = id;
	else E = d.getElementById(id);
 
	X = iw/2 - E.width/2; // centro en x
	Y = ih/2 - E.height/2;// centro en y
 
	if (iw/E.width > ih/E.height) {
		scale = ih/E.height;
	} else if (iw/E.width < ih/E.height) {
		scale = iw/E.width;
	} else {
		scale = 1;
	}
 
	// acomodar en el centro y escalar a pantalla completa
	E.style.transform = 'translate('+X+'px,'+Y+'px) scale('+scale+')';
	document.body.width = iw;
 
	// para que se ejecute al cambiar el tamaño de la ventana
	window.onresize = function (event) {
		autoScale(id);
	}
 
}



Comentarios sobre la versión: 1.0 (1)

Imágen de perfil
ScriptShow
19 de Noviembre del 2016
estrellaestrellaestrellaestrellaestrella
Muy útil para adaptarlo y experimentar...

Gracias por compartirlo.
Responder

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3638