<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="500" height="500" style="border:1px solid grey"></canvas>
<script>
const c = document.getElementById("myCanvas");
const ctx = c.getContext("2d");
let counter_1 = 0;
let counter_2 = 0;
let timerId = setInterval(function(){
ctx.beginPath();
for (let index_1 = 0;index_1 < 5;index_1++){
for (let index_2 = 0;index_2 < 5;index_2++){
ctx.rect(index_1*150,index_2*150,(counter_1)/2,(counter_1)/2);
}
}
ctx.stroke();
if (counter_1 > - 350) counter_1 = counter_1 - 25;
}, 100);
</script>
</body>
</html>
| 