DONT ADD ANYTHING HERE!

Code

JavaScript

    const canvas = document.getElementById("canvas_one")
    let ctx = canvas.getContext("2d")

    ctx.arc(150, 75, 40, 0, 2 * Math.PI);
    ctx.strokeStyle = "red";
    ctx.fillStyle = "lightgreen";
    ctx.lineWidth = 10;

    ctx.stroke();
    ctx.fill();

HTML

    <canvas id="canvas_one"></canvas>

CSS

    canvas {
        background-color: lightgoldenrodyellow;
    }

Commands

  1. getContext('2d')
  2. arc(x, y, radius, startAngle, endAngle)
  3. strokeStyle="color"
  4. fillStyle="color"
  5. linewidth="value"
  6. stroke()
  7. fill()

References