<!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(139, 114);
context.lineTo(140, 362);
context.stroke();
context.closePath();

context.lineWidth = 6;

context.lineWidth = 9;

context.lineWidth = 14;

context.lineWidth = 13;

context.lineWidth = 12;

context.lineWidth = 11;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 13;

context.lineWidth = 14;

context.lineWidth = 13;

context.lineWidth = 11;

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(140, 115);

context.lineTo(140, 114);
context.stroke();

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

context.lineTo(142, 114);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(219, 116);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(357, 109);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(471, 128);
context.stroke();

context.lineTo(471, 128);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(371, 345);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(484, 166);
context.stroke();

context.lineTo(479, 145);
context.stroke();

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

context.lineTo(475, 134);
context.stroke();

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

context.lineTo(471, 125);
context.stroke();
</script>
</body>
</html>