<!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.strokeRect(257, 46, 133, 65);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(255, 80);
context.lineTo(114, 78);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(392, 76);
context.lineTo(522, 71);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(520, 73);
context.lineTo(523, 168);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(505, 158);
context.lineTo(523, 167);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(523, 168);
context.lineTo(537, 156);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(306, 77);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(322, 82);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(322, 81);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(322, 81);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(322, 81);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(290, 77);

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

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

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

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

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

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

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

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

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

context.lineTo(330, 89);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(325, 70);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(327, 70);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(330, 70);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(361, 74);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(363, 86);
context.stroke();
</script>
</body>
</html>