function draw() { var ctx = document.getElementById(`canvas`).getContext(`2d`); var sidelength = 100; var angle = Math.PI*2/3; var translate_x = 250; var translate_y = 250; ctx.translate(translate_x,translate_y); for(i=1;i<4;i++) { ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(0,-sidelength); ctx.stroke(); ctx.save(); ctx.translate(0,-sidelength); for(j=1;j<4;j++) { ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(0,-sidelength/2); ctx.stroke(); ctx.save(); ctx.translate(0,-sidelength/2); for(k=1;k<4;k++) { ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(0,-sidelength/3); ctx.stroke(); ctx.rotate(angle); } ctx.restore(); ctx.rotate(angle); } ctx.restore(); ctx.rotate(angle); } }
©