PHP - Formulario con dos botones

En este post te mostraré cómo tener un formulario en PHP con dos botones de tipo submit y cómo saber cuál botón de los dos fue presionado para enviar el formulario. A partir del botón presionado en el formulario de dos botones podemos hacer diferentes acciones, sin tener que usar JavaScript ni otras técnicas. ...

julio 23, 2019 · 2 min · 292 palabras · Parzibyte

Canvas y JavaScript: ejercicios, ejemplos y tutoriales

Esta es una recopilación de códigos de ejemplo para trabajar con el elemento canvas de HTML5 usando JavaScript. Se puede dibujar prácticamente cualquier cosa sobre un canvas, simplemente hay que declararlo y obtener una referencia a él desde JavaScript. ...

julio 17, 2019 · 1 min · 107 palabras · Parzibyte

Dibujar círculo y medio círculo en Canvas con JavaScript

En este post vamos a ver el uso de la función arc del contexto en un Canvas para poder dibujar círculos usando JavaScript. Esta función permitirá dibujar un círculo completo o un medio círculo. ...

julio 17, 2019 · 3 min · 570 palabras · Parzibyte

Dibujar cuadrado y rectángulo en Canvas usando JavaScript

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. ...

julio 17, 2019 · 3 min · 469 palabras · Parzibyte

Dibujar figuras geométricas en Canvas con JavaScript

En este post recopilo algunos ejemplos de figuras geométricas dibujadas sobre un lienzo o canvas (elemento de HTML5) usando el lenguaje de programación JavaScript. Las figuras que veremos son: Rombo Romboide Trapecio Trapezoide Pentágono Hexágono Heptágono Nota: recuerda que ya vimos cómo dibujar triángulos, y también cómo dibujar rectángulos o cuadrados. Para dibujar las figuras vamos a unir unas simples líneas con lineTo. ...

julio 17, 2019 · 8 min · 1598 palabras · Parzibyte

JavaScript: Dibujar elipse y media elipse sobre Canvas

Hemos estado haciendo varios trazos y figuras geométricas con Canvas y JavaScript. Hicimos líneas, dibujamos texto, triángulos, cuadrados, círculos y otras figuras variadas. Hoy vamos a terminar esta serie de tutoriales viendo cómo dibujar una elipse en JavaScript a través de la función ellipse. También vamos a ver cómo dibujar media elipse y cómo rotar a la misma. ...

julio 17, 2019 · 3 min · 610 palabras · Parzibyte

Agregar texto a canvas - JavaScript y HTML5

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. ...

julio 16, 2019 · 2 min · 297 palabras · Parzibyte

Curva cuadrática de Bézier - Canvas en JavaScript

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 veremos el método que utiliza dos puntos de apoyo, igualmente con la curva de Bézier. ...

julio 16, 2019 · 2 min · 354 palabras · Parzibyte

Dibujar curvas en Canvas usando JavaScript

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 quieres una curva más simple utiliza el método quadraticCurveTo. ...

julio 16, 2019 · 2 min · 409 palabras · Parzibyte

Dibujar líneas en canvas - JavaScript y HTML5

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. ...

julio 16, 2019 · 2 min · 396 palabras · Parzibyte