<!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(85, 59);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(424, 156);
context.stroke();

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

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

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

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

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

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

context.lineTo(18, 250);
context.stroke();

context.lineTo(16, 251);
context.stroke();

context.lineTo(18, 252);
context.stroke();

context.lineTo(58, 252);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(129, 61);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(227, 145);
context.stroke();
</script>
</body>
</html>