<!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(150, 123, 294, 156);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(192, 183);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(216, 178);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(291, 247);
context.stroke();
</script>
</body>
</html>