JavaScript

Canvas - Create Basic Shapes

const newCanvas = document.getElementById('new-canvas');
const newContext = newCanvas.getContext('2d');
newContext.fillStyle = 'peachpuff';
newContext.fillRect(0, 0, newCanvas.width, newCanvas.height);
// Write your code below this line

const newCanvas = document.getElementById('new-canvas');
const newContext = newCanvas.getContext('2d');
newContext.fillStyle = 'peachpuff';
newContext.fillRect(0, 0, newCanvas.width, newCanvas.height);
// Write your code below this line

newContext.beginPath();

newContext.moveTo(20, 30);
newContext.lineTo(280, 250);

newContext.moveTo(50, 250);
newContext.lineTo(250, 50);

newContext.moveTo(100, 0);
newContext.lineTo(100, 300);

newContext.moveTo(0, 150);
newContext.lineTo(300, 150);

newContext.stroke();