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