<!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(27, 6, 466, 481);

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.lineWidth = 2;

context.lineWidth = 3;

context.lineWidth = 4;

context.lineWidth = 5;

context.lineWidth = 6;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(135, 76);

context.strokeStyle = '#000000';
context.strokeRect(148, 41, 313, 401);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(192, 147);
context.lineTo(245, 66);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(243, 66);
context.lineTo(295, 145);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(296, 144);
context.lineTo(242, 205);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(243, 204);
context.lineTo(192, 144);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(315, 66, 131, 71);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(298, 167);
context.lineTo(298, 285);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(296, 286);
context.lineTo(401, 286);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(401, 286);
context.lineTo(297, 169);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(249, 287);
context.lineTo(176, 340);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(176, 338);
context.lineTo(176, 398);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(176, 397);
context.lineTo(252, 428);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(253, 427);
context.lineTo(319, 400);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(318, 399);
context.lineTo(319, 330);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(319, 330);
context.lineTo(248, 288);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(363, 304);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(363, 334);
context.stroke();

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

context.lineTo(366, 339);
context.stroke();

context.lineTo(367, 339);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(404, 343);
context.stroke();

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(406, 340);

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

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

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

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

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

context.lineTo(418, 339);
context.stroke();

context.lineTo(419, 339);
context.stroke();

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

context.lineTo(423, 339);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(428, 410);
context.stroke();
</script>
</body>
</html>