<!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(294, 101);

context.lineTo(293, 101);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(298, 281);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(108, 89, 283, 72);

context.strokeStyle = '#000000';
context.strokeRect(145, 249, 179, 161);

context.strokeStyle = '#000000';
context.strokeRect(465, 241, 104, 151);

context.strokeStyle = '#000000';
context.strokeRect(471, 107, 92, 104);

context.strokeStyle = '#000000';
context.strokeRect(38, 35, 154, 193);

context.strokeStyle = '#000000';
context.strokeRect(17, 3, 22, 29);

context.strokeStyle = '#000000';
context.strokeRect(40, 4, 18, 12);

context.strokeStyle = '#000000';
context.strokeRect(71, 27, 6, 8);

context.strokeStyle = '#000000';
context.strokeRect(117, 5, 20, 21);

context.strokeStyle = '#000000';
context.strokeRect(160, 12, 21, 20);

context.strokeStyle = '#000000';
context.strokeRect(195, 15, 16, 14);

context.strokeStyle = '#000000';
context.strokeRect(232, 14, 22, 18);

context.strokeStyle = '#000000';
context.strokeRect(281, 13, 18, 23);

context.strokeStyle = '#000000';
context.strokeRect(319, 7, 30, 33);

context.strokeStyle = '#000000';
context.strokeRect(353, 16, 18, 29);

context.strokeStyle = '#000000';
context.strokeRect(397, 13, 19, 23);

context.strokeStyle = '#000000';
context.strokeRect(449, 11, 18, 30);

context.strokeStyle = '#000000';
context.strokeRect(487, 17, 24, 56);

context.strokeStyle = '#000000';
context.strokeRect(519, 21, 26, 51);

context.strokeStyle = '#000000';
context.strokeRect(44, 43, 37, 35);

context.strokeStyle = '#000000';
context.strokeRect(105, 48, 29, 24);

context.strokeStyle = '#000000';
context.strokeRect(171, 57, 30, 17);

context.strokeStyle = '#000000';
context.strokeRect(263, 93, 38, 41);

context.strokeStyle = '#000000';
context.strokeRect(342, 115, 67, 22);

context.strokeStyle = '#000000';
context.strokeRect(203, 147, 255, 64);

context.strokeStyle = '#000000';
context.strokeRect(97, 191, 20, 0);

context.strokeStyle = '#000000';
context.strokeRect(96, 181, 218, 6);

context.strokeStyle = '#000000';
context.strokeRect(153, 124, 48, 15);

context.strokeStyle = '#000000';
context.strokeRect(292, 181, 32, 8);

context.strokeStyle = '#000000';
context.strokeRect(470, 96, 1, 100);

context.strokeStyle = '#000000';
context.strokeRect(177, 255, 124, 7);

context.strokeStyle = '#000000';
context.strokeRect(247, 111, 158, 23);

context.strokeStyle = '#000000';
context.strokeRect(516, 263, 8, 29);

context.strokeStyle = '#000000';
context.strokeRect(141, 190, 202, 118);

context.strokeStyle = '#000000';
context.strokeRect(273, 123, 145, 16);

context.strokeStyle = '#000000';
context.strokeRect(256, 259, 235, 11);

context.strokeStyle = '#000000';
context.strokeRect(58, 108, 28, 72);

context.strokeStyle = '#000000';
context.strokeRect(227, 75, 144, 54);

context.strokeStyle = '#000000';
context.strokeRect(433, 276, 33, 41);

context.strokeStyle = '#000000';
context.strokeRect(141, 226, 52, 68);

context.strokeStyle = '#000000';
context.strokeRect(252, 130, 144, 55);

context.strokeStyle = '#000000';
context.strokeRect(406, 271, 50, 32);

context.strokeStyle = '#000000';
context.strokeRect(175, 245, 35, 38);

context.strokeStyle = '#000000';
context.strokeRect(254, 112, 164, 40);

context.strokeStyle = '#000000';
context.strokeRect(444, 264, 6, 39);

context.strokeStyle = '#000000';
context.strokeRect(99, 263, 166, 30);

context.strokeStyle = '#000000';
context.strokeRect(137, 164, 101, 9);

context.strokeStyle = '#000000';
context.strokeRect(249, 246, 205, 35);

context.strokeStyle = '#000000';
context.strokeRect(58, 228, 16, 32);

context.strokeStyle = '#000000';
context.strokeRect(229, 133, 222, 40);

context.strokeStyle = '#000000';
context.strokeRect(245, 329, 125, 14);

context.strokeStyle = '#000000';
context.strokeRect(24, 118, 119, 121);

context.strokeStyle = '#000000';
context.strokeRect(356, 139, 78, 76);

context.strokeStyle = '#000000';
context.strokeRect(192, 288, 153, 38);

context.strokeStyle = '#000000';
context.strokeRect(163, 168, 61, 62);

context.strokeStyle = '#000000';
context.strokeRect(338, 164, 125, 57);

context.strokeStyle = '#000000';
context.strokeRect(176, 306, 256, 36);

context.strokeStyle = '#000000';
context.strokeRect(25, 167, 157, 71);

context.strokeStyle = '#000000';
context.strokeRect(372, 169, 55, 122);

context.strokeStyle = '#000000';
context.strokeRect(231, 326, 117, 10);

context.strokeStyle = '#000000';
context.strokeRect(173, 257, 6, 57);

context.strokeStyle = '#000000';
context.strokeRect(496, 137, 14, 76);

context.strokeStyle = '#000000';
context.strokeRect(477, 270, 31, 7);

context.strokeStyle = '#000000';
context.strokeRect(518, 95, 51, 87);

context.strokeStyle = '#000000';
context.strokeRect(357, 69, 232, 12);

context.strokeStyle = '#000000';
context.strokeRect(206, 0, 32, 90);
</script>
</body>
</html>