JavaScript

Canvas - Create Basic Shapes

const newCanvas = document.getElementById("new-canvas");
const newContext = newCanvas.getContext("2d");
// First Circle with a fill colour value of teal
newContext.beginPath();
newContext.fillStyle = "hotpink";
newContext.arc(200, 100, 50, 0, 2 * Math.PI);
newContext.fill();

// Second Circle with a different fill colour
newContext.beginPath();
newContext.fillStyle = "lightpink";
newContext.arc(100, 50, 25, 0, 2 * Math.PI);
newContext.fill();