<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></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(1, 1, 598, 98);

context.strokeStyle = '#000000';
context.strokeRect(2, 103, 597, 99);

context.strokeStyle = '#000000';
context.strokeRect(1, 205, 597, 103);

context.strokeStyle = '#000000';
context.strokeRect(1, 312, 598, 101);

context.strokeStyle = '#000000';
context.strokeRect(1, 416, 597, 82);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(5, 98);
context.lineTo(227, 257);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(226, 259);
context.lineTo(5, 409);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(2, 220);
context.lineTo(36, 221);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(36, 221);
context.lineTo(6, 244);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(6, 244);
context.lineTo(18, 273);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(18, 273);
context.lineTo(0, 256);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(58, 208, 89, 96);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(154, 306);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(148, 305);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(150, 39);

context.strokeStyle = '#000000';
context.strokeRect(149, 208, 14, 97);

context.strokeStyle = '#000000';
context.strokeRect(164, 248, 51, 17);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(165, 238);

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

context.strokeStyle = '#000000';
context.save();
context.translate(172, 256.5);
context.scale(0.45714285714285713, 1);
context.beginPath();
context.arc(0, 0, 38, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(188, 237, 15, 41);

context.strokeStyle = '#000000';
context.strokeRect(4, 280, 53, 26);

context.strokeStyle = '#000000';
context.strokeRect(32, 209, 26, 69);

context.strokeStyle = '#000000';
context.strokeRect(4, 207, 24, 10);

context.strokeStyle = '#000000';
context.strokeRect(20, 244, 12, 34);

context.strokeStyle = '#000000';
context.strokeRect(13, 243, 16, 10);

context.strokeStyle = '#000000';
context.strokeRect(5, 223, 20, 9);

context.strokeStyle = '#000000';
context.strokeRect(2, 315, 136, 3);

context.strokeStyle = '#000000';
context.strokeRect(5, 321, 8, 82);

context.strokeStyle = '#000000';
context.strokeRect(13, 322, 116, 6);

context.strokeStyle = '#000000';
context.strokeRect(14, 331, 21, 57);

context.strokeStyle = '#000000';
context.strokeRect(13, 390, 12, 4);

context.strokeStyle = '#000000';
context.strokeRect(37, 332, 9, 49);

context.strokeStyle = '#000000';
context.strokeRect(46, 330, 66, 8);

context.strokeStyle = '#000000';
context.strokeRect(46, 340, 13, 36);

context.strokeStyle = '#000000';
context.strokeRect(61, 340, 37, 6);

context.strokeStyle = '#000000';
context.strokeRect(60, 349, 26, 5);

context.strokeStyle = '#000000';
context.strokeRect(60, 354, 10, 12);

context.strokeStyle = '#000000';
context.strokeRect(72, 354, 5, 5);
</script>
</body>
</html>