<!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.beginPath();
context.moveTo(330, 86);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(343, 238);
context.stroke();

context.lineTo(354, 239);
context.stroke();

context.lineTo(359, 231);
context.stroke();

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(425, 136);

context.lineTo(425, 133);
context.stroke();

context.lineTo(426, 129);
context.stroke();

context.lineTo(426, 120);
context.stroke();

context.lineTo(432, 115);
context.stroke();

context.lineTo(435, 115);
context.stroke();

context.lineTo(438, 115);
context.stroke();

context.lineTo(442, 120);
context.stroke();

context.lineTo(448, 137);
context.stroke();

context.lineTo(448, 163);
context.stroke();

context.lineTo(442, 193);
context.stroke();

context.lineTo(438, 201);
context.stroke();

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

context.lineTo(446, 199);
context.stroke();

context.lineTo(467, 198);
context.stroke();

context.lineTo(495, 198);
context.stroke();

context.lineTo(509, 198);
context.stroke();

context.lineTo(509, 198);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(389, 250);

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

context.lineTo(411, 248);
context.stroke();

context.lineTo(461, 243);
context.stroke();

context.lineTo(531, 243);
context.stroke();

context.lineTo(573, 243);
context.stroke();

context.lineTo(573, 244);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(462, 274);

context.lineTo(464, 274);
context.stroke();

context.lineTo(485, 271);
context.stroke();

context.lineTo(487, 271);
context.stroke();

context.lineTo(488, 271);
context.stroke();

context.lineTo(488, 277);
context.stroke();

context.lineTo(488, 286);
context.stroke();

context.lineTo(488, 287);
context.stroke();

context.lineTo(488, 291);
context.stroke();

context.lineTo(497, 302);
context.stroke();

context.lineTo(501, 305);
context.stroke();

context.lineTo(504, 306);
context.stroke();

context.lineTo(504, 307);
context.stroke();

context.lineTo(502, 311);
context.stroke();

context.lineTo(483, 317);
context.stroke();

context.lineTo(467, 320);
context.stroke();

context.lineTo(460, 321);
context.stroke();

context.lineTo(446, 310);
context.stroke();

context.lineTo(446, 310);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(117, 46, 131, 91);
</script>
</body>
</html>