Nested Canvas Squares

Small hack to show 30 nested squares in JavaScript using Canvas

by Ozzy_liz12

HTML

<canvas id="squares" width="320" height="320"></canvas>

JavaScript

const canvas = document.getElementById("squares");
const ctx = canvas.getContext("2d");
const centerX = canvas.width / 2;
const centerY = canvas.height / 2;
for (let side = 10; side <= 300; side += 10) {
  ctx.strokeRect(centerX - side / 2, centerY - side / 2, side, side);
}