JavaScript

Canvas - Create Basic Shapes

const newCanvas = document.getElementById("new-canvas");
const newContext = newCanvas.getContext("2d");

newContext.beginPath();
newContext.arc(200, 100, 50, 0, 2 * Math.PI);
newContext.stroke();

newContext.beginPath();
newContext.arc(20, 10, 5, 0, 2 * Math.PI);
newContext.stroke();

newContext.beginPath();
newContext.arc(100, 100, 25, 0, 2 * Math.PI);
newContext.fill();

newContext.beginPath();
newContext.arc(200, 150, 5, 0, 2 * Math.PI);
newContext.fill();

newContext.beginPath();
newContext.arc(300, 100, 25, 0, 2 * Math.PI);
newContext.fill();

newContext.beginPath();
newContext.arc(380, 10, 5, 0, 2 * Math.PI);
newContext.stroke();