JavaScript

Canvas - Create Basic Shapes

const mainCanvas = document.getElementById('new-canvas');
const mainContext = mainCanvas.getContext('2d');
mainContext.fillStyle = 'coral';
const rectangleList = [
  [10, 0, 50, 50],
  [75, 0, 75, 75],
  [160, 0, 75, 75],
  [250, 50, 50, 50],
  [350, 0, 50, 50]
];
// Write your code below this line

const mainCanvas = document.getElementById('new-canvas');
const mainContext = mainCanvas.getContext('2d');
mainContext.fillStyle = 'coral';
const rectangleList = [
  [10, 0, 50, 50],
  [75, 0, 75, 75],
  [160, 0, 75, 75],
  [250, 50, 50, 50],
  [350, 0, 50, 50]
];
// Write your code below this line

rectangleList.forEach(rectangleValue => {
  mainContext.fillRect(rectangleValue[0], rectangleValue[1], rectangleValue[2], rectangleValue[3]);
});