<!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, 220);
context.lineTo(97, 311);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(97, 312);
context.lineTo(70, 328);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(70, 328);
context.lineTo(39, 307);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(120, 327);
context.lineTo(158, 223);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(158, 223);
context.lineTo(186, 324);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(157, 222);
context.lineTo(159, 177);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(157, 155.5);
context.scale(1, 0.7727272727272727);
context.beginPath();
context.arc(0, 0, 28, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(156, 186);
context.lineTo(119, 228);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(161, 188);
context.lineTo(202, 231);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(146, 147);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(147, 149);

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

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

context.lineTo(148, 150);
context.stroke();

context.lineTo(147, 150);
context.stroke();

context.lineTo(147, 150);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(164, 151);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(150, 162);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(231, 223);
context.lineTo(313, 223);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(268, 225);
context.lineTo(265, 319);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(335, 221);
context.lineTo(332, 322);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(340, 223);
context.lineTo(385, 222);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(340, 270);
context.lineTo(377, 271);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(334, 322);
context.lineTo(372, 324);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(352, 205);
context.lineTo(339, 200);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(414, 222);
context.lineTo(411, 325);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(473, 230);
context.lineTo(411, 278);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(411, 279);
context.lineTo(469, 325);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(168, 358.5);
context.scale(0.8695652173913043, 1);
context.beginPath();
context.arc(0, 0, 30, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(219, 334);
context.lineTo(219, 334);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(219, 332);
context.lineTo(218, 388);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(217, 330);
context.lineTo(243, 334);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(241, 334);
context.lineTo(258, 348);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(257, 348);
context.lineTo(261, 363);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(261, 364);
context.lineTo(254, 379);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(254, 379);
context.lineTo(240, 386);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(237, 386);
context.lineTo(221, 386);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(283, 332);
context.lineTo(282, 370);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(282, 372);
context.lineTo(288, 387);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(288, 389);
context.lineTo(304, 392);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(305, 392);
context.lineTo(321, 383);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(322, 382);
context.lineTo(325, 335);
context.stroke();
context.closePath();

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(171, 350);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(155, 361);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(162, 372);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(181, 366);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(311, 320);
context.lineTo(300, 329);
context.stroke();
context.closePath();
</script>
</body>
</html>