<!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(44, 43, 512, 199);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(45, 135);
context.lineTo(155, 43);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(378, 242);
context.lineTo(556, 53);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(120, 75);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(135, 98);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(357, 156);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(445, 172);
context.stroke();
</script>
</body>
</html>