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();