<!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(21, 103, 379, 108);

context.strokeStyle = '#000000';
context.strokeRect(220, 36, 248, 138);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(247, 280);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(321, 385);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(171, 425);
context.stroke();

context.lineTo(169, 423);
context.stroke();

context.lineTo(167, 422);
context.stroke();

context.lineTo(165, 420);
context.stroke();

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

context.lineTo(148, 411);
context.stroke();

context.lineTo(139, 406);
context.stroke();

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

context.lineTo(119, 394);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(61, 323);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(117, 254);
context.stroke();

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

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

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

context.lineTo(141, 251);
context.stroke();

context.lineTo(153, 251);
context.stroke();

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

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

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

context.lineTo(182, 248);
context.stroke();

context.lineTo(183, 248);
context.stroke();

context.lineTo(185, 248);
context.stroke();

context.lineTo(187, 248);
context.stroke();

context.lineTo(189, 248);
context.stroke();

context.lineTo(195, 248);
context.stroke();

context.lineTo(200, 248);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(418, 251);
context.stroke();

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

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

context.lineTo(443, 254);
context.stroke();

context.lineTo(454, 254);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(550, 31);

context.lineTo(549, 31);
context.stroke();

context.lineTo(543, 35);
context.stroke();

context.lineTo(530, 46);
context.stroke();

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

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

context.lineTo(522, 59);
context.stroke();

context.lineTo(522, 61);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(575, 143);
context.stroke();

context.lineTo(588, 168);
context.stroke();

context.lineTo(588, 185);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(517, 384);
context.stroke();

context.lineTo(505, 389);
context.stroke();

context.lineTo(488, 393);
context.stroke();

context.lineTo(480, 394);
context.stroke();

context.lineTo(480, 394);
context.stroke();

context.lineTo(480, 394);
context.stroke();
</script>
</body>
</html>