Curso gratuito de JavaScript
Cursos Ceslava Lección: Canvas 2D con JavaScript

Canvas en vivo

Dibuja círculos o cuadrados sobre un lienzo. Cambia color, cantidad y tamaño para ver cómo el contexto 2D responde a datos generados desde JavaScript.

Actual: 12
Actual: 40 px


    

Qué está pasando

El código obtiene el contexto con getContext('2d'), genera puntos aleatorios y repinta el lienzo con clearRect. Después recorre el array de puntos y usa arc para círculos o rect para cuadrados.