<!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(93, 154);
context.lineTo(172, 156);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(207, 122);

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

context.strokeStyle = '#000000';
context.save();
context.translate(235, 152);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 34, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(169, 155);
context.lineTo(205, 110);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(204, 111);
context.lineTo(268, 109);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(268, 109);
context.lineTo(300, 155);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(300, 155);
context.lineTo(435, 153);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(435, 153);
context.lineTo(464, 111);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(464, 111);
context.lineTo(522, 111);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(522, 111);
context.lineTo(548, 154);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(544, 152);
context.lineTo(583, 153);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(583, 153);
context.lineTo(580, 53);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(580, 53);
context.lineTo(452, 53);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(452, 53);
context.lineTo(451, 4);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(451, 4);
context.lineTo(261, 4);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(261, 4);
context.lineTo(261, 49);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(261, 46);
context.lineTo(95, 44);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(95, 44);
context.lineTo(95, 155);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(273, 12);
context.lineTo(273, 49);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(274, 13);
context.lineTo(439, 13);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(274, 48);
context.lineTo(435, 50);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(435, 13);
context.lineTo(435, 49);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(351, 15);
context.lineTo(351, 47);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(351, 47);
context.lineTo(353, 151);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(436, 47);
context.lineTo(436, 151);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(274, 43);
context.lineTo(275, 114);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(285, 71);
context.lineTo(287, 71);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(284, 69);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(286, 69);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(287, 63);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(294, 74);
context.stroke();
</script>
</body>
</html>