<!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(264, 145);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(380, 209);

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

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

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

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

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

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

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

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

context.lineTo(342, 268);
context.stroke();

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

context.lineTo(338, 272);
context.stroke();

context.lineTo(336, 273);
context.stroke();

context.lineTo(333, 276);
context.stroke();

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

context.lineTo(325, 278);
context.stroke();

context.lineTo(314, 278);
context.stroke();

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

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

context.lineTo(299, 279);
context.stroke();

context.lineTo(292, 281);
context.stroke();

context.lineTo(285, 288);
context.stroke();

context.lineTo(279, 299);
context.stroke();

context.lineTo(276, 324);
context.stroke();

context.lineTo(276, 334);
context.stroke();

context.lineTo(276, 338);
context.stroke();

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

context.lineTo(289, 353);
context.stroke();

context.lineTo(297, 358);
context.stroke();

context.lineTo(318, 356);
context.stroke();

context.lineTo(326, 353);
context.stroke();

context.lineTo(341, 346);
context.stroke();

context.lineTo(352, 341);
context.stroke();

context.lineTo(360, 339);
context.stroke();

context.lineTo(364, 341);
context.stroke();

context.lineTo(367, 350);
context.stroke();

context.lineTo(378, 364);
context.stroke();

context.lineTo(384, 373);
context.stroke();

context.lineTo(389, 377);
context.stroke();

context.lineTo(397, 386);
context.stroke();

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

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

context.lineTo(401, 373);
context.stroke();

context.lineTo(402, 369);
context.stroke();

context.lineTo(402, 369);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(447, 251);

context.lineTo(445, 251);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(430, 267);
context.stroke();

context.lineTo(430, 268);
context.stroke();

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

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

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

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

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

context.lineTo(422, 283);
context.stroke();

context.lineTo(419, 285);
context.stroke();

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

context.lineTo(417, 289);
context.stroke();

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

context.lineTo(415, 294);
context.stroke();

context.lineTo(414, 295);
context.stroke();

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

context.lineTo(413, 297);
context.stroke();

context.lineTo(413, 297);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(325, 348);

context.lineTo(325, 348);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(198, 393);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(186, 383);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(175, 328);

context.lineTo(175, 328);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(165, 269);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(161, 233);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(211, 224);

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(148, 76, 221, 70);

context.strokeStyle = '#000000';
context.strokeRect(170, 220, 234, 94);

context.strokeStyle = '#000000';
context.strokeRect(70, 354, 130, 67);
</script>
</body>
</html>