En este tutorial de Python veremos cómo convertir las páginas de un PDF a imagen, convirtiendo cada página del documento a una imagen y guardándola en el almacenamiento, indicando la resolución. No vamos a extraer cómo extraer las imágenes del PDF, vamos a convertir las páginas de un PDF a imágenes con Python. Para esto vamos a usar pypdfium, un paquete de Python que es una vinculación de PDFium. ...
El día de hoy vamos a ver cómo mostrar las opciones de un select en JavaScript de manera programada, es decir, abrir el select con JS mostrando sus opciones como si el usuario hubiera hecho clic sobre el elemento. Sorprendentemente, invocar a la función click del elemento no funciona. Podemos enfocarlo con focus, pero el select solo va a estar enfocado y no va a mostrar la lista de opciones. Entonces veamos cómo mostrar las opciones de un select (abrir select) con JavaScript. ...
En Vue 3 se pueden comunicar componentes de padre a hijo con las propiedades (props), defineEmit y defineExpose. Voy a dejar esa comunicación de componentes simples (padre a hijo o viceversa) para otro post, ahora quiero enfocarme en comunicar componentes sin importar lo “separados” que estén, invocando funciones de otros componentes desde cualquier componente. Por ejemplo, vamos a ver cómo comunicar componentes hermanos, nietos, etcétera. Comunicar componentes de Vue 3 sin usar emit ni expose, para ello vamos a usar una store de Pinia. ...
Gracias a la librería html2pdf.js se puede crear un PDF en el navegador web usando solo JavaScript. En mi blog te enseñé a descargar ese PDF, pero ahora te enseñaré otra cosa: cómo enviar ese PDF a un servidor con PHP. Vamos a combinar varias cosas, ya que el PDF también va a llevar una firma manuscrita. Veremos: Cómo solicitar la firma del usuario Enviar esa firma adjunta en el PDF Subir el PDF a PHP Para esto, te recomiendo leer: Generando un PDF desde JS con html2pdf.js Obtener PDF de html2pdf.js y jsPDF como Blob Subir Blob de JS a PHP Solicitar firma de usuario con Canvas y JavaScript Comencemos. ...
En el tutorial de hoy vamos a trabajar con JavaScript y la librería html2pdf.js que a su vez usa jsPDF. Estas librerías sirven para generar un PDF y descargarlo, como ya te he mostrado en otro tutorial. Lo que vamos a ver hoy es cómo obtener el PDF generado como un BLOB, es decir, como un montón de bytes que representan al archivo, ya sea para descargarlo, almacenarlo en otro lugar o enviarlo a algún servidor. ...
En el artículo de hoy vas a aprender a enviar un Blob desde JavaScript del lado del cliente, a PHP en el lado del servidor. Básicamente te voy a enseñar a subir un archivo o montón de bytes representados con la clase Blob. Un Blob en JS puede venir de cualquier lugar: puedes crearlo tú mismo, puede ser un archivo creado por ti o incluso un PDF generado com html2pdf.js. En el ejemplo te enseñaré a subir un Blob que yo he creado usando new Blob, pero como te mencioné anteriormente, este Blob puede venir de cualquier lugar. ...
En este post vamos a ver cómo usar los iconos de Material design en nuestros proyectos web al usar Vue 3. Te voy a mostrar una manera en la que al final vas a incluir en tu proyecto solo los iconos que has usado, haciendo tu software mucho más ligero. Para tener los Material design icons en Vue 3 vamos a usar el paquete vue-material-design-icons que a su vez es simplemente una colección de componentes de Vue que usan los Material Design Icons. ...
En el artículo de hoy te enseñaré a usar varios idiomas en tu aplicación web con Vue 3 usando Vue I18n que es un paquete para agregar localización a tus proyectos. Básicamente vas a poder mostrar tu aplicación en distintos idiomas ya sea español, inglés, francés, etcétera, teniendo un archivo de traducciones y mostrando la cadena traducida en tus componentes. Con Vue 3 y Vue I18n vas a poder tener aplicaciones web internacionales. ...
En este post te voy a enseñar a agregar Tailwind CSS a un proyecto de Vue 3. Básicamente es seguir la guía oficial, pero con unos pasos extra desde mi experiencia. ...
Al usar el Vue Router con Vue 3 podemos especificar el tipo de historial que las rutas siguen. Por defecto, se usa el modo de historial de HTML 5 con createWebHistory pero también se puede seguir usando el hash, hashtag, numeral, gato o como le llames para tener una SPA con Vue 3. ...