<!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(102, 111);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(451, 158);
context.stroke();

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

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

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

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

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

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

context.lineTo(442, 133);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(596, 94);
context.stroke();

context.lineTo(592, 82);
context.stroke();

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

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

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

context.lineTo(578, 45);
context.stroke();

context.lineTo(574, 32);
context.stroke();

context.lineTo(568, 11);
context.stroke();

context.lineTo(567, 3);
context.stroke();

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

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

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

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

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

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

context.lineTo(330, 64);
context.stroke();
</script>
</body>
</html>