JavaScript

Canvas - Create Basic Shapes

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

canvasContext.beginPath();

canvasContext.moveTo(0, 0);
canvasContext.lineTo(400, 15);
canvasContext.lineTo(300, 90);
canvasContext.lineTo(250, 55);
canvasContext.lineTo(100, 95);

canvasContext.fill();

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

canvasContext.beginPath();
canvasContext.moveTo(250, 10);
canvasContext.lineTo(330, 15);
canvasContext.lineTo(320, 90);
canvasContext.fill();

canvasContext.beginPath();
canvasContext.moveTo(50, 10);
canvasContext.lineTo(130, 15);
canvasContext.lineTo(120, 90);
canvasContext.stroke();