var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.beginPath();
  ctx.moveTo(300,300);
  ctx.lineTo(400,300);
  ctx.lineTo(400,200);
  ctx.lineTo(300,200);
  ctx.lineTo(300,300);
 ctx.stroke();

ctx.beginPath();
  ctx.moveTo(330,270);
  ctx.lineTo(430,270);
  ctx.lineTo(430,170);
  ctx.lineTo(330,170);
  ctx.lineTo(330,270);
ctx.stroke();

ctx.beginPath();
  ctx.moveTo(330,270);
  ctx.lineTo(300,300);
ctx.stroke();

ctx.beginPath();
  ctx.moveTo(430,170);
  ctx.lineTo(400,200);
ctx.stroke();

ctx.beginPath();
  ctx.moveTo(330,170);
  ctx.lineTo(300,200);
ctx.stroke();

ctx.beginPath();
  ctx.moveTo(430,270);
  ctx.lineTo(400,300);
ctx.stroke();