JavaScript

Canvas - Create Basic Shapes

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

newContext.beginPath();
newContext.moveTo(30, 40);
newContext.lineTo(200, 60);
newContext.lineTo(250, 180);
newContext.lineTo(80, 250);
newContext.lineTo(30, 40);
newContext.stroke();

// Write your code below this line

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

newContext.beginPath();
newContext.moveTo(30, 40);
newContext.lineTo(200, 60);
newContext.lineTo(250, 180);
newContext.lineTo(80, 250);
newContext.lineTo(30, 40);
newContext.stroke();

// Write your code below this line

newContext.fill();