En este post te voy a enseñar cómo usar la función rect del contexto de un canvas en JavaScript para dibujar dos figuras geométricas: Un cuadrado Un rectángulo También te voy a mostrar cómo personalizar el color de relleno y color de borde en cada una de las figuras.
Dibujar cuadrado y rectángulo en Canvas usando JavaScript Leer más »
Hoy vamos a ver cómo dibujar un triángulo en un canvas de HTML5 a través de JavaScript usando los métodos moveTo, lineTo y closePath. Aunque no hay un método llamado triangle o algo por el estilo, podemos dibujar cualquier tipo de triángulo uniendo algunas líneas.
Dibujar triángulo en Canvas usando JavaScript Leer más »
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 »