Entradas

Mostrando las entradas con la etiqueta dibujar rectangulo javascript

Cómo crear un Predictor de Partidos de Fútbol con JavaScript y API-Football

Imagen
⚽ Cómo crear un Predictor de Partidos de Fútbol con JavaScript y API-Football En este tutorial aprenderás a crear un Football Match Predictor utilizando JavaScript y la API de API-Football . El proyecto consume una API REST para obtener los partidos del día, mostrar las competiciones disponibles y consultar las probabilidades de victoria de cada encuentro. El resultado es un dashboard dinámico que funciona para cientos de ligas alrededor del mundo, incluyendo el Mundial, Champions League, Premier League, LaLiga, Liga MX y muchas más. 🚀 Demo Puedes probar el dashboard aquí: 👉 Football Match Predictor Demo 📚 Documentación oficial La documentación completa de API-Football se encuentra en: 🔑 Obtener una API Key Para utilizar la API primero debes crear una cuenta gratuita y generar una API Key. Puedes hacerlo desde: https://dashboard.api-football.com/ Después únicamente reemplaza tu llave dentro del código JavaScript: const API_KEY="TU_API_...

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

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!