<!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(184, 96);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(270, 115);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(433, 143);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(289, 440);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(245, 249);
context.stroke();
</script>
</body>
</html>