<!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(301, 308);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(284, 231);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(316, 220);

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

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

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

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

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

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

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

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

context.lineTo(452, 317);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(392, 392);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(176, 401);
context.stroke();
</script>
</body>
</html>