Botón de captura de pantalla

lucasi · #1 (**permalink**) 30/08/2012, 06:12

Hola.

Intento hacer un botón que haga una foto a la pantalla de la web tal cual esta en ese momento. El botón debe estar dentro de la misma web.

Mi idea es que el usuario cree una obra (con un juego que he creado) y, una vez terminada, pueda darle a un botón para guardar la imagen y también quizás pudiera enviarla y compartirla.

¿Alguien puede ayudarme o indicarme algún sitio de referencia?

Muchas gracias

maycolalvarez · #2 (**permalink**) 30/08/2012, 07:25

javascript no tiene acceso al IO por lo cual dicha captura no puedes hacer, las miniaturas que crean otros sitios las hacen interpretando el código y muchas veces no funcionan cuando se topan elementos como Flash.

seria bueno que nos indicaras ¿en que está hecho el juego?, porque si es Canvas puedes realizar una captura del mismo

lucasi · #3 (**permalink**) 31/08/2012, 02:32

El juego esta hecho en html & javascript, se trata de cuatro sliders juntos en dónde creas una cara. Me interesa que, una vez creada por el usuario, sea capaz de compartirla y enviarla vía email.
¿Es posible? Gracias por el interés en ayudarme.

Panino5001 · #4 (**permalink**) 01/09/2012, 02:25

En ese caso no se trata de capturar la pantalla sino una porción del juego. Si el juego está realizado en canvas podés usar el método toDataURL. Si está realizado en Flash Action Script 3, podés usar ByteArray: http://tutoriales-flash.com/tutorial.php?id_tuto=39. Si estás usando Flash ActionScript 2, BitMapData: http://www.disegnocentell.com.ar/notas2.php?id=229

lucasi · #5 (**permalink**) 02/09/2012, 05:42

¿Entonces en mi caso (como he explicado en el anterior mensaje) no hay ninguna forma de hacerlo?

Panino5001 · #6 (**permalink**) 02/09/2012, 07:19

Hay que ver a qué llamás sliders. Si son elementos html en los que visualizás imagenes podrías guardar el nombre de la imagen, su posición y tamaño relativos y recrearlos con lenguaje de servidor.
También existe esta solución: http://html2canvas.hertzen.com/screenshots.html
Lo que hace es recrear a partir de los estilos css y del reconocimiento del navegador. Quizá te sirva, aunque a mi me funcionó a medias.

lucasi · #7 (**permalink**) 03/09/2012, 02:26

¿Guardar el nombre de la imagen?

Panino5001 · #8 (**permalink**) 03/09/2012, 12:10

El nombre del archivo

lucasi · #9 (**permalink**) 04/09/2012, 04:56

No entiendo como se haría eso.