<!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(61, 52);

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

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

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

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

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

context.lineTo(128, 69);
context.stroke();

context.lineTo(146, 74);
context.stroke();

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

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

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

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

context.lineTo(190, 84);
context.stroke();

context.lineTo(190, 84);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(257, 69);

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

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

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

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

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

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

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

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

context.lineTo(308, 140);
context.stroke();

context.lineTo(308, 150);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(117, 153);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(177, 320);

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

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

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

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

context.lineTo(196, 344);
context.stroke();

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(452, 317);

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(320, 343);

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(473, 353);

context.lineTo(469, 355);
context.stroke();

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

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

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

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

context.lineTo(405, 367);
context.stroke();
</script>
</body>
</html>