<!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(109, 56);
context.lineTo(116, 67);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(115, 66);
context.lineTo(124, 54);
context.stroke();
context.closePath();

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(220, 79);
context.lineTo(236, 90);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(234, 89);
context.lineTo(244, 78);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(261, 77);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(207, 76);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineWidth = 2;

context.lineWidth = 3;

context.lineWidth = 7;

context.lineWidth = 10;

context.lineWidth = 14;

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(200, 86);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(104, 51);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(104, 60);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(126, 73);
context.stroke();
</script>
</body>
</html>