<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></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.strokeRect(81, 18, 333, 150);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(138, 18);

context.lineTo(138, 18);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(138, 18);

context.lineTo(138, 20);
context.stroke();

context.lineTo(138, 23);
context.stroke();

context.lineTo(138, 28);
context.stroke();

context.lineTo(141, 36);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(265, 86);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(265, 49);
context.stroke();

context.lineTo(265, 47);
context.stroke();

context.lineTo(265, 45);
context.stroke();

context.lineTo(265, 44);
context.stroke();

context.lineTo(265, 43);
context.stroke();

context.lineTo(265, 42);
context.stroke();

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

context.lineTo(278, 41);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(355, 125);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(540, 61);

context.lineTo(540, 62);
context.stroke();

context.lineTo(540, 62);
context.stroke();

context.strokeStyle = '#000000';
context.save();
context.translate(205, 60);
context.scale(1, 0.6756756756756757);
context.beginPath();
context.arc(0, 0, 89, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>