Hoy te mostraré cómo cortar o recortar una imagen con JavaScript. Es decir, darle al usuario la posibilidad de recortar una imagen seleccionando una porción de la misma. Una vez que la foto haya sido recortada con JS podemos descargarla, colocarla en un canvas, en una imagen o subirla a un servidor que ejecute PHP, Node.js, Python, etcétera. En resumen te voy a enseñar cómo hacer que el usuario recorte una foto usando JS. ...
Hace tiempo te mostré cómo tomar una foto con la webcam usando Python, pero desde la terminal y sin una previsualización. Ahora te mostraré cómo stremear la cámara web en tiempo real a tu navegador web, tomar una foto y descargarla, o tomar una foto y guardarla en el servidor. Para ver la cámara en tiempo real y exponerla para que un navegador web la consuma vamos a usar Flask. Y para acceder a la cámara usaremos OpenCV. Al final tendrás la opción de descargar la foto o guardarla en el servidor. De este modo igualmente podrías ver una cámara web a través de la red, pues se va a crear un servidor web en donde la misma estará expuesta. ...
En este post te mostraré cómo tomar una foto con la cámara web usando JavaScript; para más tarde enviarla a PHP y guardarla en una base de datos. Recuerda que ya anteriormente vimos cómo hacer lo mismo pero guardando la foto en el disco duro, esto no es más que una modificación a lo que aparece en ese post. Recomiendo encarecidamente que leas el post que menciono, pues aquí solo cambia la parte del guardado de la foto. ...
En este post te mostraré cómo convertir un BitMap (obtenido de un ImageView) a su representación como string en Base64. En otras palabras vamos a convertir una imagen a base64 en Android usando Java. Esto lo utilicé por ejemplo al tomar fotos para una app de deliveries y después subirlas a un servidor como una simple cadena. ...
En este post te mostraré una app de entrega de paquetes para Android que programé hace algún tiempo en Java, la cual sirve para dar seguimiento a entregas de paquetes o pedidos, sincronizada con un servidor para bajar y subir las entregas pendientes en cada terminal. Se puede decir que es, a baja escala, algo similar a lo que hace DHL, Estafeta o esos servicios que entregan paquetes (no sé bien el nombre de ese campo). La información se guarda en una base de datos SQLite local, y posteriormente se envía a un servidor para sincronizarse. Para llevar un seguimiento de los paquetes se escanea el código de barras usando la cámara del teléfono inteligente, o escribiendo el código manualmente. ...
En mi blog he hecho varios posts sobre tomar fotos con la cámara web desde JavaScript, para enviarlas a PHP; pero nunca he hecho un ejemplo sin usar PHP. Es por ello que hoy voy a explicar cómo tomar una foto de la cámara web (igualmente de la cámara trasera o delantera en los dispositivos compatibles) y guardarla o descargarla directamente como archivo, sin usar código del servidor. El código para tomar la foto funciona en varios dispositivos con un navegador actualizado, desde teléfonos y tabletas Android, iPads y más. ...
Introducción Ya estamos aquí con un tercer post sobre tomar fotos con JavaScript. Este tutorial ofrece una nueva característica y es la de dar al usuario elegir cuál cámara usar para tomar la foto. En los posts anteriores únicamente tomaba de la cámara por defecto, y en algunos navegadores (Chrome, cof cof) no permite cambiar la cámara con la que se toma. Afortunadamente eso no importa, porque podemos obtener la lista de dispositivos y cambiarlos como se nos dé la gana. Por cierto, este post está más actualizado; usa constantes, querySelector y otras cosas que los anteriores no. Si bien esto no afecta el funcionamiento, nos da un código más bonito y entendible. Pero basta de hablar, que hablar es de mal gusto; vamos a ver el código. ...
Introducción Con Polacode podemos tomar una foto a nuestro código fuente. Su nombre viene de combinar “Polaroid” y “Code”, Polaroid creo que es una marca de cámaras o algo así. El código fuente, cuando es escrito correctamente, es bello. Es como leer un poema, como ver una obra de arte que puede ser entendida por casi cualquier persona. A veces es necesario tomar captura de nuestro código, ya sea para exponerlo, mandarlo o cosas así que no logramos copiando y pegando. Además, al tomarle captura o convertirlo en imagen conserva los colores, las indentaciones y todo lo demás; en pocas palabras conserva su belleza. Veamos entonces cómo tomar una foto de nuestro código, y no me refiero a una foto con una cámara real, ni tomando captura, sino con una extensión que tiene una de las cosas buenas que ha inventado Microsoft aparte de Office: Visual Studio Code. Por cierto, anteriormente ya vimos cómo imprimir nuestro código fuente conservando colores, sintaxis y esas cosas. ...
Introducción Hoy veremos cómo subir una foto o imagen a un servidor PHP. Dicha foto será elegida por el usuario desde un input de tipo file. La subiremos utilizando la clase FormData de Javascript en conjunto con la clase para recibir archivos en CodeIgniter. Esto lo haremos utilizando AJAX, por lo que la experiencia del usuario será mejor. Este post funciona para imágenes GIF, PNG o JPG pero supongo que igualmente podemos subir archivos de cualquier tipo. ...
Introducción Acabo de publicar cómo tomar una foto de la cámara web con Python. La vez pasada, vimos cómo tomar una foto con Javascript y guardarla en servidor con PHP. Lo hicimos porque con Javascript (al menos en el navegador, no con NodeJS) no podemos escribir archivos. Ahora puede que nos preguntemos ¿por qué tomar una foto con Python y guardarla luego con PHP? y bueno, la respuesta varía; pero a mí se me ocurre que puede que tengamos un servidor en internet que hable PHP, y que ahí alojemos nuestras fotos. O, pensando mal, podemos tomar una foto del usuario (ya que esto no pide permiso) y mandarla a nuestro servidor. ...