<!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(210, 88);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(231, 175);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(355, 311);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(441, 372);

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

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 9;

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(365, 313);

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(361, 313);

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(353, 310);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(357, 314);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(383, 186);
context.stroke();

context.lineTo(409, 192);
context.stroke();

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

context.lineTo(446, 237);
context.stroke();

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

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

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

context.lineTo(448, 401);
context.stroke();

context.lineTo(412, 429);
context.stroke();

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

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

context.lineTo(232, 441);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(133, 188);
context.stroke();

context.lineTo(193, 176);
context.stroke();

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

context.lineTo(329, 180);
context.stroke();

context.lineTo(383, 192);
context.stroke();

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

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

context.lineTo(435, 235);
context.stroke();

context.lineTo(419, 244);
context.stroke();

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

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

context.lineTo(315, 256);
context.stroke();

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

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

context.lineTo(258, 255);
context.stroke();

context.lineTo(258, 255);
context.stroke();

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

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

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

context.lineTo(315, 228);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.lineTo(235, 329);
context.stroke();

context.lineTo(191, 315);
context.stroke();

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

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

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

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

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

context.lineTo(136, 204);
context.stroke();

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

context.lineTo(150, 202);
context.stroke();

context.lineTo(150, 202);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(234, 265);

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

context.lineTo(235, 269);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(199, 227);
context.stroke();

context.lineTo(202, 227);
context.stroke();

context.lineTo(208, 227);
context.stroke();

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

context.lineTo(228, 227);
context.stroke();

context.lineTo(237, 227);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(288, 316);
context.stroke();
</script>
</body>
</html>