<!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 = '#FFFFFF';
context.beginPath();
context.moveTo(104, 68);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(98, 73);

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(106, 75);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(93, 72.5);
context.scale(1, 0.8333333333333334);
context.beginPath();
context.arc(0, 0, 23, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(91, 170);
context.lineTo(73, 213);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(92, 170);
context.lineTo(119, 213);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(92, 120);
context.lineTo(63, 143);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(90, 121);
context.lineTo(120, 144);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(219, 107, 180, 95);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(218, 105);
context.lineTo(304, 43);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(397, 107);
context.lineTo(301, 43);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(302, 132);
context.lineTo(301, 162);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(301, 162);
context.lineTo(334, 161);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(334, 161);
context.lineTo(334, 132);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(334, 132);
context.lineTo(302, 134);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(316, 133);
context.lineTo(316, 160);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(303, 149);
context.lineTo(333, 148);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(242, 202);

context.lineTo(242, 202);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(240, 202);
context.lineTo(239, 160);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(239, 165);
context.lineTo(264, 164);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(264, 164);
context.lineTo(263, 201);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(410, 161, 15, 41);

context.strokeStyle = '#000000';
context.strokeRect(434, 160, 14, 44);

context.strokeStyle = '#000000';
context.strokeRect(458, 155, 14, 55);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(402, 199);
context.lineTo(472, 212);
context.stroke();
context.closePath();
</script>
</body>
</html>