<!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(99, 74);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(106, 198);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(84, 322);

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

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

context.lineTo(101, 326);
context.stroke();

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

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

context.lineTo(153, 337);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(337, 320);
context.stroke();
</script>
</body>
</html>