<!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(33, 45);

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

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

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

context.lineTo(97, 47);
context.stroke();

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

context.lineTo(244, 60);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(225, 332);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(88, 141);
context.lineTo(217, 402);
context.stroke();
context.closePath();
</script>
</body>
</html>