Solicitar firma de usuario con JavaScript y HTML en la web

Solicitar firma manuscrita con JavaScript

En este post te mostraré cómo solicitar la firma a un usuario desde la web usando JavaScript, de modo que el usuario pueda firmar como si lo hiciera en una hoja de papel.

Después podremos enviar esa firma al servidor, descargarla, colocarla en un documento, etcétera.

Documento con firma de usuario con JavaScript - Imprimir o guardar como PDF

Documento con firma de usuario con JavaScript – Imprimir o guardar como PDF

Quiero que quede claro que vamos a solicitar la firma manuscrita usando programación en la web a través de un navegador. Para ello vamos a usar el canvas.

Nota: una vez que la firma haya sido dibujada puedes enviarla a PHP, Java, Node, etcétera. En el ejemplo te mostraré cómo descargarla como imagen y colocarla en un documento.

(más…)

Recortar imagen con PHP y Cropper JS

Recortar foto con PHP

Hoy voy a enseñarte a recortar una foto con PHP dando al usuario la posibilidad de recortar una foto y luego guardarla en el servidor con PHP.

De este modo vamos a darle al usuario la opción de recortar una imagen y guardar el resultado en PHP. Luego ya puedes ligar esa foto o imagen a una base de datos, alojarla en el servidor, usarla para crear otra imagen, etcétera.

Usaremos Cropper.js en el lado del cliente y después enviaremos el resultado a PHP. Con esto vamos a ahorrar recursos pues el recorte de la foto se hará del lado del cliente pero al final prácticamente vamos a recortar la foto con PHP.

(más…)

Canvas enviado como imagen desde JavaScript a PHP

Enviar canvas de JavaScript a PHP

En el post de hoy te mostraré una cosa sencilla pero muy útil: cómo enviar un canvas de HTML a PHP usando JavaScript, para guardar ese canvas como imagen.

Cuando digo que es útil es porque yo creo que canvas nos da varias posibilidades de trabajar con imágenes o con el canvas en sí, y gracias a lo que te mostraré podrás guardar el resultado en el servidor para cualquier cosa.

Se me ocurre que por ejemplo podrías tomar una foto de una credencial de identificación, recortarla y después guardarla con PHP.

(más…)

Recortar imagen con JavaScript - Descargar foto cortada

Recortar imagen con JavaScript

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.

(más…)

Imagen base 64 dentro de PDF con PHP y Dompdf

Problema con imagen en PDF de Dompdf y PHP

Hoy voy a mostrarte la posible solución a un problema que surge cuando generamos documentos PDF usando PHP y Dompdf. El problema en cuestión es que la imagen no aparece en el PDF.

En su lugar, dice:

Image not found or type unknown

Este problema puede deberse a varios problemas, pero lo que te mostraré es una posible solución para que las imágenes aparezcan en el PDF generado con PHP.

(más…)

Código QR con HTML y JS - Descargar como imagen

Generar códigos QR con JavaScript

En este post de programación web te voy a mostrar cómo generar códigos QR desde JS o JavaScript para que puedas generar un QR desde la web.

Vamos a usar una librería de terceros; verás que es muy simple crear códigos QR y tal vez esto te anime para crear tu propio generador.

Te aviso que vamos a usar JavaScript puro, así que puedes portar este código para frameworks como Angular, React o Vue.

(más…)

Programa para colocar marca de agua con PHP y JavaScript

Sistema web para poner marca de agua con PHP y JS

Hoy te voy a presentar un software gratuito y open source para poner marcas de agua a una imagen. Lo que tienes que hacer es simplemente seleccionar la imagen, la marca de agua y listo.

Además, puedes ajustar la opacidad y la separación entre marcas de agua. Por otro lado, si no te parece algún aspecto, puedes modificar el código fuente pues es totalmente open source.

He escrito este programa en PHP y JavaScript. Básicamente el procesamiento lo hace PHP, y JS solo es el frontend.

Sé bien que esto se podría hacer con JavaScript para no cargar al servidor, pero a mí me funciona así y por eso es que lo hice de esa manera. A lo largo de este post te mostraré todos los detalles sobre este programa.

(más…)

Descargar archivo por URL usando Go Golang

Go – Descargar archivo de internet

En este post de programación en Go / Golang te enseñaré cómo descargar un archivo de internet y guardarlo en el dispositivo desde donde se invocó al ejecutable.

Descargar archivo por URL usando Go Golang

Descargar archivo por URL usando Go Golang

Es decir, usar Go para descargar cualquier archivo de internet, ya sea una imagen, un PDF, etcétera y guardarlo en la computadora.

(más…)

Greenshot - Herramienta para capturas de pantalla en Windows

Herramienta para tomar capturas de pantalla en Windows

Siguiendo con los tutoriales de productividad y de herramientas que uso en mi día a día en el blog, no puede faltar la que yo creo, he usado en el 90 % de posts que llevan imágenes.

Se trata de una capturadora de pantalla alternativa a la que viene por defecto en Windows. A mí me sirve para varias capturas de pantalla que tomo en mi día a día.

Recuerdo que descubrí esta herramienta porque en mis tiempos de Linux usaba Shutter y al buscar una alternativa para Windows encontré Greenshot, software gratuito y open source que te vengo a presentar hoy.

(más…)

Reducir tamaño de imagen con PHP

En este corto post de programación con PHP te mostraré cómo reducir la calidad de una imagen, comprimir una imagen o simplemente reducir el tamaño de una imagen.

Ciertamente esto no es comprimir, pues comprimir una imagen con PHP sería comprimirla para después verla en su estado original. Lo que haremos será más bien reducir su calidad o tamaño.

Para esto vas a necesitar la librería GD. Aquí puedes verificar si cuentas con ella.

(más…)