El elemento canvas de JavaScript tiene un gran soporte para dibujar formas. Por ejemplo, podemos dibujar líneas o curvas cuadráticas. En este post te voy a mostrar cómo dibujar curvas de Bézier en JavaScript (o bueno, sobre un canvas) a través del método bezierCurveTo. Nota: este tipo de curva tiene dos puntos de apoyo, si […]
Dibujar curvas en Canvas usando JavaScript Leer más »
En este post te voy a mostrar un ejemplo de cómo dibujar o trazar una curva cuadrática de Bézier en un canvas de HTML5 usando JavaScript a través del método quadraticCurveTo. Recuerda que una curva de Bézier tiene un inicio, un final y un punto de apoyo que define cómo será la curvatura. Más adelante
Curva cuadrática de Bézier – Canvas en JavaScript Leer más »
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 »
En este post voy a resolver un ejercicio de JavaScript tomado originalmente de Codewars. Un día desafortunado o sin suerte es un viernes que además es 13. Nuestra tarea es escribir una función que reciba el número de un año y devuelva la cantidad de “días desafortunados” que tiene, es decir, el conteo de viernes
JavaScript: cantidad de viernes 13 que tiene un año (ejercicio resuelto) Leer más »