Entradas

Mostrando las entradas con la etiqueta dibujar circulo en javascript

Especial Navideño dibujar Árbol de Navidad con Javascript

Imagen
Buen día, bienvenidos a este blog de programación, como ya estamos en época  Navideña , me gustaría compartirles un ejemplo de como  dibujar un Pino y una Corona de Navidad (con imaginación) en un lenguaje que ya vimos previamente que es Javascript . Para esto vamos a utilizar las etiquetas de Canvas que son soportadas en HTML5 y en los siguientes navegadores, Canvas es un termino para decir que es nuestra área de trabajo o nuestro lienzo donde vamos a dibujar, es soportado en los siguientes Browse: https://www.w3schools.com/html/html5_canvas.asp Para dibujar un circulo tenemos la función arc que tiene los siguiente parámetros context. arc(x,y,r,sAngle,eAngle,counterclockwise); coordenada x dentro del canvas  coordenada y dentro del canvas Valor del radio El angulo  inicial El angulo final Para especificar si es dentro o fuera la función  Para dibujar un arbolito es mediante líneas y mover sin despejar el lápiz para crear nuestro triángulo