<!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.beginPath();
context.moveTo(279, 32);
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(92, 45);
context.lineTo(54, 195);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(91, 46);
context.lineTo(367, 48);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(367, 46);
context.lineTo(329, 192);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(57, 196);
context.lineTo(330, 196);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(68, 197, 254, 118);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(368, 48);
context.lineTo(399, 167);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(397, 166);
context.lineTo(398, 263);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(398, 263);
context.lineTo(323, 317);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(400, 164);
context.lineTo(326, 195);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(91, 211, 25, 57);

context.strokeStyle = '#000000';
context.strokeRect(126, 212, 22, 56);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(172, 212);

context.strokeStyle = '#000000';
context.strokeRect(167, 211, 49, 104);

context.strokeStyle = '#000000';
context.strokeRect(216, 212, 43, 76);

context.strokeStyle = '#000000';
context.strokeRect(260, 213, 45, 75);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(117, 222);
context.lineTo(91, 223);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(124, 223);
context.lineTo(147, 224);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(167, 232);
context.lineTo(307, 235);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(176, 263);
context.scale(1, 0);
context.beginPath();
context.arc(0, 0, 2, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(177, 263);
context.scale(NaN, NaN);
context.beginPath();
context.arc(0, 0, 0, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(177, 264.5);
context.scale(0, 1);
context.beginPath();
context.arc(0, 0, 3, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(174, 263.5);
context.scale(0, 1);
context.beginPath();
context.arc(0, 0, 1, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(181, 265);
context.scale(0.6666666666666666, 1);
context.beginPath();
context.arc(0, 0, 7, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>