<!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(130, 98);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(93, 89);

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

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

context.lineTo(107, 111);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(346, 167);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(314, 160);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(465, 134);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(375, 195);
context.stroke();
</script>
</body>
</html>