Siguiendo con los tutoriales sobre el elemento canvas de HTML5 en este post vamos a ver cómo escribir texto sobre el canvas, o mejor dicho, dibujar texto sobre el canvas. Vamos a personalizar la fuente y el color, así como las coordenadas en donde el texto comienza. Los métodos que veremos son strokeText y fillText.
Agregar texto a canvas – JavaScript y HTML5 Leer más »
En este post te voy a enseñar a dibujar líneas (de diferente color) en un elemento canvas de HTML usando los métodos moveTo y lineTo, además de cambiar el grosor de las mismas. Todo esto lo haremos con JavaScript y el elemento canvas de HTML.
Dibujar líneas en canvas – JavaScript y HTML5 Leer más »
Las capturas de pantalla de las aplicaciones web (o sitios web) son una forma bastante buena de arreglar errores de nuestros programas reportados por usuarios, ya que gracias a ellas podemos ver qué error aparece o cuál es el problema que reportan (sobre todo de diseño). En el mundo de JavaScript existe la librería html2canvas
Tomar screenshot de página web y enviarla a PHP usando html2canvas Leer más »
En este post voy a explicar y a dar algunos ejemplos para convertir el contenido de una página web a una imagen, es decir, tomarle una “captura de pantalla” a la página web usando únicamente JavaScript del lado del cliente y la maravillosa librería de html2canvas. Voy a mostrar cómo adjuntar el elemento canvas al
Convertir HTML a imagen con html2canvas – Tomar screenshot de página web Leer más »
Los elementos canvas son algo muy útil en HTML, son un lienzo en donde se pueden dibujar varias cosas. Al generar un contenido en un canvas el mismo puede ser descargado por el usuario, ¿pero qué pasa si queremos agregar más funcionalidad y agregar un botón para descargar el elemento como imagen? Precisamente eso veremos
Convertir canvas a imagen PNG para descargarla Leer más »
jQuery sigue siendo una librería usada en estos últimos tiempos. Me atrevo a decir que es el framework más usado en el entorno de JavaScript, aunque claro, existen mejores por mucho, pero no vamos a discutir eso hoy. La librería de jQuery y su forma de seleccionar los elementos permite interactuar con los mismos de
Select y jQuery: obtener seleccionado, agregar opción, limpiar y escuchar cambios Leer más »
Un select es una lista desplegable de opciones de HTML, se declara usando <select> y dentro de él tiene opciones declaradas con <option>. Cada opción tiene un valor y un texto. El select de HTML se maneja a través de JavaScript. Al select también se le conoce como lista desplegable, Dropdown list o simplemente select.
Select y JavaScript: agregar, limpiar, obtener y escuchar cambios del elemento HTML Leer más »
Hoy vengo a presentar un sistema gratuito y open source para el control de pagos y cooperaciones creado con PHP, MySQL, Twig, Bootstrap y Vue Este sistema de pagos está creado con PHP para el lenguaje del servidor, utiliza Twig para renderizar las plantillas, mismas que tienen un diseño usando Bootstrap. La persistencia de datos
Sistema web de pagos y cooperaciones open source con PHP Leer más »