<!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.beginPath();
context.moveTo(298, 155);
context.lineTo(211, 275);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(299, 157);
context.lineTo(298, 276);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(302, 163);
context.lineTo(378, 275);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(169, 266, 244, 115);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(214, 275);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(217, 271);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(213, 271);
context.stroke();

context.lineTo(213, 272);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(298, 271);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(331, 272);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(377, 272);
context.stroke();

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

context.lineTo(377, 272);
context.stroke();

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

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(298.5, 117);
context.scale(1, 0.5070422535211268);
context.beginPath();
context.arc(0, 0, 80, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>