alyssamichelle/canvas-course: Source code for egghead.io HTML Canvas Course

# Circles are for Closers
In this lesson we will look at the dangers of not closing your circles. We also cover giving circles `stroke`,  along with specifying the `lineWidth`, `strokeStyle`, and `fillStyle` of the stroke.
## Code Example
- https://plnkr.co/edit/bGioqhi5YpobLXTWQlhI?p=preview

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <h1>Circles are for Closers</h1>
    <canvas id="canvas" width="500" height="500"></canvas>

    <script src="script.js"></script>
  </body>

</html>

const context = document.querySelector('#canvas').getContext('2d');
context.beginPath();

// // context.arc(centerX, centerY, radius, startAngle, endAngle, isAntiClockwise);

context.arc(120, 20, 10, 0, Math.PI*2);
context.fillStyle = "rebeccaPurple";
context.fill();
context.closePath();

context.beginPath();
context.arc(20, 120, 10, 0, Math.PI*2);
context.lineWidth = 10;
context.strokeStyle = "pink";
context.stroke();
context.closePath();

/* Styles go here */

canvas {
  width: 500px;
  height: 500px;
}