<!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(229, 18);
context.lineTo(278, 18);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(229, 18);
context.lineTo(286, 197);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(277, 17);
context.lineTo(366, 197);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(365, 196);
context.lineTo(478, 199);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(478, 199);
context.lineTo(478, 199);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(476, 198);
context.lineTo(496, 208);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(495, 208);
context.lineTo(496, 224);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(496, 224);
context.lineTo(481, 233);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(481, 233);
context.lineTo(481, 233);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(481, 233);
context.lineTo(367, 230);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(286, 196);
context.lineTo(140, 195);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(142, 194);
context.lineTo(127, 155);
context.stroke();
context.closePath();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(128, 155);
context.lineTo(85, 155);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(85, 155);
context.lineTo(99, 186);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(369, 229);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(369, 230);
context.lineTo(335, 423);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(335, 423);
context.lineTo(285, 424);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(287, 423);
context.lineTo(288, 227);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(284, 228);
context.lineTo(143, 228);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(143, 228);
context.lineTo(126, 268);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(126, 266);
context.lineTo(94, 267);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(95, 266);
context.lineTo(105, 228);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(101, 187);
context.lineTo(104, 228);
context.stroke();
context.closePath();

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 3;

context.lineWidth = 4;

context.lineWidth = 5;

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 13;

context.lineWidth = 14;

context.lineWidth = 13;

context.lineWidth = 12;

context.lineWidth = 11;

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(216, 15);

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(217, 15);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(240, 21);
context.stroke();
</script>
</body>
</html>