<!DOCTYPE html>

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

<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></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(86, 182);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(65, 121);

context.lineTo(65, 121);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(64, 113);

context.lineTo(64, 112);
context.stroke();

context.lineTo(63, 113);
context.stroke();

context.lineTo(63, 113);
context.stroke();

context.lineTo(63, 116);
context.stroke();

context.lineTo(62, 118);
context.stroke();

context.lineTo(62, 119);
context.stroke();

context.lineTo(62, 121);
context.stroke();

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

context.lineTo(61, 123);
context.stroke();

context.lineTo(61, 123);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(106, 119);

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

context.lineTo(103, 125);
context.stroke();

context.lineTo(102, 126);
context.stroke();

context.lineTo(102, 126);
context.stroke();

context.lineTo(102, 126);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(135, 123);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(163, 72);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(221, 57);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(239, 61);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(361, 56);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(406, 73);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(484, 33);

context.lineTo(484, 34);
context.stroke();

context.lineTo(484, 34);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(448, 114);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(341, 159);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(243, 214);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(234, 272);

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(184, 378);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(162, 365);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(112, 263);

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(164, 169);

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

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

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

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

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

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

context.lineTo(189, 167);
context.stroke();
</script>
</body>
</html>