<!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.lineWidth = 3;
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(92, 235);
context.lineTo(540, 234);
context.stroke();
context.closePath();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(113, 222);
context.lineTo(113, 223);
context.stroke();
context.lineTo(113, 224);
context.stroke();
context.lineTo(113, 227);
context.stroke();
context.lineTo(113, 230);
context.stroke();
context.lineTo(113, 232);
context.stroke();
context.lineTo(113, 233);
context.stroke();
context.lineTo(113, 234);
context.stroke();
context.lineTo(113, 235);
context.stroke();
context.lineTo(113, 236);
context.stroke();
context.lineTo(113, 237);
context.stroke();
context.lineTo(113, 238);
context.stroke();
context.lineTo(113, 239);
context.stroke();
context.lineTo(113, 240);
context.stroke();
context.lineTo(113, 241);
context.stroke();
context.lineTo(113, 242);
context.stroke();
context.lineTo(113, 243);
context.stroke();
context.lineTo(113, 244);
context.stroke();
context.lineTo(113, 245);
context.stroke();
context.lineTo(113, 246);
context.stroke();
context.lineTo(113, 247);
context.stroke();
context.lineTo(113, 248);
context.stroke();
context.lineTo(113, 248);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(144, 231);
context.lineTo(144, 232);
context.stroke();
context.lineTo(144, 234);
context.stroke();
context.lineTo(144, 236);
context.stroke();
context.lineTo(144, 239);
context.stroke();
context.lineTo(144, 242);
context.stroke();
context.lineTo(144, 244);
context.stroke();
context.lineTo(144, 245);
context.stroke();
context.lineTo(144, 246);
context.stroke();
context.lineTo(144, 247);
context.stroke();
context.lineTo(145, 247);
context.stroke();
context.lineTo(145, 247);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(184, 232);
context.lineTo(184, 235);
context.stroke();
context.lineTo(185, 238);
context.stroke();
context.lineTo(185, 240);
context.stroke();
context.lineTo(185, 242);
context.stroke();
context.lineTo(185, 243);
context.stroke();
context.lineTo(185, 244);
context.stroke();
context.lineTo(186, 246);
context.stroke();
context.lineTo(186, 247);
context.stroke();
context.lineTo(186, 248);
context.stroke();
context.lineTo(187, 248);
context.stroke();
context.lineTo(188, 247);
context.stroke();
context.lineTo(188, 247);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(237, 229);
context.lineTo(237, 230);
context.stroke();
context.lineTo(237, 231);
context.stroke();
context.lineTo(237, 232);
context.stroke();
context.lineTo(237, 233);
context.stroke();
context.lineTo(237, 237);
context.stroke();
context.lineTo(237, 239);
context.stroke();
context.lineTo(237, 243);
context.stroke();
context.lineTo(237, 246);
context.stroke();
context.lineTo(236, 249);
context.stroke();
context.lineTo(236, 250);
context.stroke();
context.lineTo(236, 250);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(279, 224);
context.lineTo(279, 225);
context.stroke();
context.lineTo(278, 228);
context.stroke();
context.lineTo(278, 230);
context.stroke();
context.lineTo(278, 233);
context.stroke();
context.lineTo(278, 236);
context.stroke();
context.lineTo(278, 238);
context.stroke();
context.lineTo(278, 239);
context.stroke();
context.lineTo(278, 241);
context.stroke();
context.lineTo(278, 244);
context.stroke();
context.lineTo(278, 245);
context.stroke();
context.lineTo(278, 245);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(320, 225);
context.lineTo(320, 227);
context.stroke();
context.lineTo(321, 228);
context.stroke();
context.lineTo(321, 231);
context.stroke();
context.lineTo(321, 233);
context.stroke();
context.lineTo(321, 236);
context.stroke();
context.lineTo(322, 238);
context.stroke();
context.lineTo(322, 240);
context.stroke();
context.lineTo(322, 242);
context.stroke();
context.lineTo(322, 243);
context.stroke();
context.lineTo(322, 243);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(379, 221);
context.lineTo(378, 223);
context.stroke();
context.lineTo(377, 226);
context.stroke();
context.lineTo(376, 230);
context.stroke();
context.lineTo(375, 235);
context.stroke();
context.lineTo(374, 240);
context.stroke();
context.lineTo(373, 244);
context.stroke();
context.lineTo(373, 246);
context.stroke();
context.lineTo(373, 247);
context.stroke();
context.lineTo(374, 245);
context.stroke();
context.lineTo(379, 240);
context.stroke();
context.lineTo(379, 240);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(409, 227);
context.lineTo(409, 229);
context.stroke();
context.lineTo(410, 233);
context.stroke();
context.lineTo(411, 239);
context.stroke();
context.lineTo(412, 245);
context.stroke();
context.lineTo(413, 249);
context.stroke();
context.lineTo(415, 252);
context.stroke();
context.lineTo(416, 252);
context.stroke();
context.lineTo(417, 252);
context.stroke();
context.lineTo(418, 252);
context.stroke();
context.lineTo(423, 251);
context.stroke();
context.lineTo(426, 249);
context.stroke();
context.lineTo(426, 249);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(450, 229);
context.lineTo(450, 231);
context.stroke();
context.lineTo(450, 234);
context.stroke();
context.lineTo(450, 239);
context.stroke();
context.lineTo(451, 244);
context.stroke();
context.lineTo(452, 247);
context.stroke();
context.lineTo(453, 249);
context.stroke();
context.lineTo(454, 251);
context.stroke();
context.lineTo(455, 251);
context.stroke();
context.lineTo(457, 251);
context.stroke();
context.lineTo(459, 250);
context.stroke();
context.lineTo(459, 250);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(500, 224);
context.lineTo(501, 229);
context.stroke();
context.lineTo(502, 234);
context.stroke();
context.lineTo(503, 239);
context.stroke();
context.lineTo(504, 244);
context.stroke();
context.lineTo(505, 248);
context.stroke();
context.lineTo(506, 251);
context.stroke();
context.lineTo(506, 253);
context.stroke();
context.lineTo(507, 255);
context.stroke();
context.lineTo(507, 255);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(476, 227);
context.lineTo(476, 228);
context.stroke();
context.lineTo(476, 230);
context.stroke();
context.lineTo(476, 234);
context.stroke();
context.lineTo(476, 238);
context.stroke();
context.lineTo(477, 245);
context.stroke();
context.lineTo(478, 253);
context.stroke();
context.lineTo(479, 255);
context.stroke();
context.lineTo(479, 256);
context.stroke();
context.lineTo(480, 256);
context.stroke();
context.lineTo(480, 256);
context.stroke();
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(526, 230);
context.lineTo(525, 232);
context.stroke();
context.lineTo(525, 234);
context.stroke();
context.lineTo(525, 240);
context.stroke();
context.lineTo(525, 245);
context.stroke();
context.lineTo(525, 253);
context.stroke();
context.lineTo(525, 261);
context.stroke();
context.lineTo(525, 264);
context.stroke();
context.lineTo(525, 265);
context.stroke();
context.lineTo(526, 265);
context.stroke();
context.lineTo(526, 265);
context.stroke();
context.strokeStyle = '#000000';
context.save();
context.translate(116.5, 288);
context.scale(0.9615384615384616, 1);
context.beginPath();
context.arc(0, 0, 36, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(193, 250);
context.lineTo(191, 332);
context.stroke();
context.closePath();
</script>
</body>
</html>