<!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(238, 185);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(286, 137);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(258, 263);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(335, 173);

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

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

context.lineTo(338, 201);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(400, 201);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(427, 134);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(230, 311);

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

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

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

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

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

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

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

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

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

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

context.lineTo(232, 311);
context.stroke();
</script>
</body>
</html>