<!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(111, 87);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(276, 118);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(397, 142);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(124, 268);

context.lineTo(120, 275);
context.stroke();

context.lineTo(100, 323);
context.stroke();

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(88, 292);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(66, 317);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(205, 294);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(305, 295);

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(222, 370);
context.stroke();
</script>
</body>
</html>