<!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(165, 233);

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(375, 329);
context.stroke();

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

context.lineTo(377, 334);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(195, 250);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(411, 306);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(301, 245);
context.stroke();

context.lineTo(301, 245);
context.stroke();

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

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

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

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

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

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

context.lineTo(91, 92);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(490, 95);
context.stroke();

context.lineTo(498, 90);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(508, 55);
context.stroke();

context.lineTo(508, 55);
context.stroke();
</script>
</body>
</html>