<!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(133, 90);
context.lineTo(291, 111);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(193, 217);
context.lineTo(292, 109);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(70, 44, 275, 252);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(23, 59);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(40, 84);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(321, 292);
context.stroke();
</script>
</body>
</html>