<!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(175, 86, 272, 153);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(141, 323);

context.lineTo(141, 327);
context.stroke();

context.lineTo(141, 332);
context.stroke();

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

context.lineTo(141, 335);
context.stroke();

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

context.lineTo(141, 337);
context.stroke();

context.lineTo(143, 340);
context.stroke();

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(143, 340);

context.lineTo(145, 340);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.lineTo(180, 319);
context.stroke();

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

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

context.lineTo(139, 331);
context.stroke();

context.lineTo(138, 332);
context.stroke();

context.lineTo(142, 332);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(290, 312);
context.stroke();

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

context.lineTo(290, 319);
context.stroke();

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

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

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

context.lineTo(312, 335);
context.stroke();

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

context.lineTo(329, 332);
context.stroke();

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

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

context.lineTo(337, 322);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(368, 301);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(361, 365);
context.stroke();

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

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

context.lineTo(362, 368);
context.stroke();

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

context.lineTo(351, 365);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(395, 388);
context.stroke();

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

context.lineTo(408, 382);
context.stroke();

context.lineTo(408, 381);
context.stroke();

context.lineTo(409, 381);
context.stroke();

context.lineTo(409, 381);
context.stroke();
</script>
</body>
</html>