HTML5 Canvas Circles & Pac-man

Canvas circle primitive and example of what we can do with it

It’s time to learn how to work with circles. But the basic primitives it’s too boring, so we ll create a pacman :)

Let’s draw our first arc. We can do that with arc function

context.arc(x, y, radius, angleFrom, angleTo, false);