<!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(12, 11);
context.lineTo(12, 69);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(12, 11);
context.lineTo(28, 34);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(29, 34);
context.lineTo(46, 12);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(47, 12);
context.lineTo(47, 68);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(58, 10);
context.lineTo(58, 69);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(58, 10);

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

context.lineTo(60, 10);
context.stroke();

context.lineTo(61, 10);
context.stroke();

context.lineTo(62, 10);
context.stroke();

context.lineTo(63, 10);
context.stroke();

context.lineTo(64, 10);
context.stroke();

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

context.lineTo(66, 10);
context.stroke();

context.lineTo(67, 10);
context.stroke();

context.lineTo(68, 10);
context.stroke();

context.lineTo(69, 10);
context.stroke();

context.lineTo(70, 10);
context.stroke();

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

context.lineTo(72, 10);
context.stroke();

context.lineTo(72, 11);
context.stroke();

context.lineTo(73, 11);
context.stroke();

context.lineTo(73, 12);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(73, 69);
context.stroke();

context.lineTo(72, 69);
context.stroke();

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

context.lineTo(70, 69);
context.stroke();

context.lineTo(69, 69);
context.stroke();

context.lineTo(68, 69);
context.stroke();

context.lineTo(67, 69);
context.stroke();

context.lineTo(66, 69);
context.stroke();

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

context.lineTo(64, 69);
context.stroke();

context.lineTo(63, 69);
context.stroke();

context.lineTo(62, 69);
context.stroke();

context.lineTo(61, 69);
context.stroke();

context.lineTo(60, 69);
context.stroke();

context.lineTo(60, 69);
context.stroke();
</script>
</body>
</html>