<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></style>

</head>
<body>
<canvas id="imageView" width="600" height="500"></canvas>

<script type="text/javascript">
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(92, 32, 399, 236);

context.strokeStyle = '#000000';
context.strokeRect(357, 111, 131, 13);

context.strokeStyle = '#000000';
context.strokeRect(292, 122, 65, 50);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(137, 396);
context.lineTo(368, 209);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(427, 213);
context.lineTo(448, 253);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(207, 122);

context.lineTo(206, 122);
context.stroke();

context.lineTo(197, 122);
context.stroke();

context.lineTo(225, 235);
context.stroke();

context.lineTo(232, 235);
context.stroke();

context.lineTo(236, 235);
context.stroke();

context.lineTo(241, 235);
context.stroke();

context.lineTo(246, 232);
context.stroke();

context.lineTo(252, 232);
context.stroke();

context.lineTo(253, 230);
context.stroke();

context.lineTo(254, 227);
context.stroke();

context.lineTo(257, 227);
context.stroke();

context.lineTo(257, 223);
context.stroke();

context.lineTo(261, 220);
context.stroke();

context.lineTo(262, 216);
context.stroke();

context.lineTo(263, 213);
context.stroke();

context.lineTo(265, 210);
context.stroke();

context.lineTo(265, 207);
context.stroke();

context.lineTo(265, 205);
context.stroke();

context.lineTo(266, 202);
context.stroke();

context.lineTo(266, 200);
context.stroke();

context.lineTo(266, 197);
context.stroke();

context.lineTo(266, 196);
context.stroke();

context.lineTo(266, 195);
context.stroke();

context.lineTo(266, 191);
context.stroke();

context.lineTo(264, 186);
context.stroke();

context.lineTo(262, 182);
context.stroke();

context.lineTo(255, 176);
context.stroke();

context.lineTo(250, 172);
context.stroke();

context.lineTo(247, 170);
context.stroke();

context.lineTo(245, 167);
context.stroke();

context.lineTo(240, 165);
context.stroke();

context.lineTo(233, 161);
context.stroke();

context.lineTo(224, 157);
context.stroke();

context.lineTo(217, 156);
context.stroke();

context.lineTo(211, 156);
context.stroke();

context.lineTo(200, 156);
context.stroke();

context.lineTo(196, 156);
context.stroke();

context.lineTo(190, 156);
context.stroke();

context.lineTo(185, 159);
context.stroke();

context.lineTo(178, 162);
context.stroke();

context.lineTo(172, 170);
context.stroke();

context.lineTo(172, 177);
context.stroke();

context.lineTo(170, 187);
context.stroke();

context.lineTo(169, 194);
context.stroke();

context.lineTo(171, 204);
context.stroke();

context.lineTo(178, 214);
context.stroke();

context.lineTo(189, 222);
context.stroke();

context.lineTo(196, 227);
context.stroke();

context.lineTo(203, 232);
context.stroke();

context.lineTo(210, 234);
context.stroke();

context.lineTo(217, 234);
context.stroke();

context.lineTo(228, 233);
context.stroke();

context.lineTo(237, 230);
context.stroke();

context.lineTo(242, 226);
context.stroke();

context.lineTo(250, 220);
context.stroke();

context.lineTo(256, 215);
context.stroke();

context.lineTo(260, 210);
context.stroke();

context.lineTo(261, 206);
context.stroke();

context.lineTo(261, 200);
context.stroke();

context.lineTo(258, 196);
context.stroke();

context.lineTo(254, 190);
context.stroke();

context.lineTo(250, 185);
context.stroke();

context.lineTo(247, 182);
context.stroke();

context.lineTo(247, 181);
context.stroke();

context.lineTo(247, 181);
context.stroke();
</script>
</body>
</html>