He realizado muchas búsquedas con respecto a tomar imágenes usando JS, pero ninguna parece ser útil. Algunos dicen que usar controles ActiveX, que no se ajusta a mi situación. Esperaba tomar una foto usando JS y subirlo a un servidor.Tomando captura de pantalla usando javascript para las extensiones de cromo
Respuesta
Dado que está utilizando esto en extensiones de Chrome, el Tab API tiene un método llamado captureVisibleTab, que permite capturar el área visible de la pestaña actualmente seleccionada en la ventana especificada.
Para usarlo, simplemente agrega "pestañas" a su manifiesto permissions. Y desde su página de fondo, o emergente (o cualquier otra página de extensión), que acaba de llamar ese método como este:
chrome.tabs.captureVisibleTab(null, {}, function (image) {
// You can add that image HTML5 canvas, or Element.
});
Se puede controlar la propiedad mediante la adición {de calidad: 50} y cambiar el formato también, todo descrito dentro de los documentos mencionados anteriormente.
La belleza de HTML5, puede modificar esa imagen con HTML5 Canvas, puede manipular, transformar, modificar, recortar, ¡cualquier cosa que desee, muy fácilmente!
Espero que es lo que estás buscando! ¡Feliz año nuevo!
no estoy seguro si esto estaba disponible cuando se le dio la respuesta original, pero Google tiene ahora un ejemplo disponible que muestra cómo tomar capturas de pantalla:
http://developer.chrome.com/extensions/samples.html
búsqueda para "Prueba de Captura de extensión" en esta página.
Si está buscando un ejemplo de trabajo, he creado un repositorio con extensión que toma una captura de pantalla de toda la página web. Eche un vistazo aquí: https://github.com/marcinwieprzkowicz/take-screenshot
Intenté usar tu extensión, pero tuve los mismos problemas que los mencionados en la página de problemas del repositorio. – Sridarshan
yo también, obteniendo el error. Archivado como un problema: https://github.com/marcinwieprzkowicz/take-screenshot/issues/2 –
- 1. Tomando captura de pantalla de una pantalla de dispositivo usando C#
- 2. Tomando captura de pantalla de una ventana específica - C++/Qt
- 3. Tomando una captura de pantalla con C \ GTK
- 4. Tomando una captura de pantalla codificada en JPEG a un búfer usando GDI + y C++
- 5. mensaje síncrono que pasa en las extensiones de cromo?
- 6. Atajos de teclado en Google Chrome/Extensiones de cromo
- 7. ¿Captura una captura de pantalla de Chrome con las Herramientas para desarrolladores de Chrome?
- 8. origen cruzado XMLHttpRequest en extensiones de cromo
- 9. Pantalla de captura
- 10. Herramienta de captura de pantalla para BlackBerry?
- 11. Captura de pantalla de la segunda pantalla
- 12. Superposición de pantalla para la captura de pantalla
- 13. ¿Cómo probar la instalación en línea de extensiones de cromo/cromo de forma local?
- 14. Captura de pantalla de la pantalla actual
- 15. Captura de pantalla del iPhone para ver
- 16. Captura de pantalla Circumvent para iOS 4
- 17. Captura de pantalla en Haskell?
- 18. ¿Cómo subir una captura de pantalla usando html2canvas?
- 19. Captura de pantalla de una ventana usando python
- 20. Captura de una captura de pantalla de un video incrustado usando C#
- 21. Captura de pantalla del navegador mediante JavaScript (u otra cosa)
- 22. prevenir la captura de pantalla en las aplicaciones de Android
- 23. Captura de pantalla en android
- 24. HTML5 video captura de pantalla
- 25. captura de pantalla usando OpenGL y/o X11
- 26. ¿Cómo activo desactivar las extensiones de cromo/Google a través de la consola
- 27. Android OpenGL Captura de pantalla
- 28. captura de pantalla de escritorio oculto
- 29. Captura de todas las excepciones no controladas de Javascript
- 30. Watin está tomando capturas de pantalla negras en la prueba de integración
He añadido permiso para las pestañas, pero cuando uso alert the 'image', obtengo 'undefined'. ¿Tienes alguna idea de por qué? –
¿Alguna manera de hacer una captura de pantalla de una pestaña no visible? –
para tomar una captura de pantalla, necesita permiso –