<!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(42, 57, 201, 225);

context.strokeStyle = '#000000';
context.save();
context.translate(306.5, 74);
context.scale(1, 0.9090909090909091);
context.beginPath();
context.arc(0, 0, 45, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(371, 111);
context.scale(1, 0.8);
context.beginPath();
context.arc(0, 0, 154, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(401, 225);

context.lineTo(401, 225);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(401, 227);

context.lineTo(401, 227);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(401, 227);

context.lineTo(401, 227);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(401, 227);

context.lineTo(401, 227);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(251, 35);

context.lineTo(251, 35);
context.stroke();
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(34, 103, 189, 172);

context.strokeStyle = '#000000';
context.save();
context.translate(326, 154.5);
context.scale(0.8148148148148148, 1);
context.beginPath();
context.arc(0, 0, 35, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(339, 263);
context.lineTo(440, 108);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(84, 339);

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

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

context.lineTo(97, 339);
context.stroke();

context.lineTo(112, 336);
context.stroke();

context.lineTo(137, 331);
context.stroke();

context.lineTo(155, 328);
context.stroke();

context.lineTo(176, 328);
context.stroke();

context.lineTo(195, 328);
context.stroke();

context.lineTo(210, 328);
context.stroke();

context.lineTo(226, 328);
context.stroke();

context.lineTo(237, 328);
context.stroke();

context.lineTo(245, 328);
context.stroke();

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

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

context.lineTo(261, 328);
context.stroke();

context.lineTo(265, 328);
context.stroke();

context.lineTo(271, 329);
context.stroke();

context.lineTo(280, 331);
context.stroke();

context.lineTo(287, 334);
context.stroke();

context.lineTo(295, 338);
context.stroke();

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

context.lineTo(323, 343);
context.stroke();

context.lineTo(332, 347);
context.stroke();

context.lineTo(343, 350);
context.stroke();

context.lineTo(350, 354);
context.stroke();

context.lineTo(352, 357);
context.stroke();

context.lineTo(355, 358);
context.stroke();

context.lineTo(356, 359);
context.stroke();

context.lineTo(357, 359);
context.stroke();

context.lineTo(357, 362);
context.stroke();

context.lineTo(357, 363);
context.stroke();

context.lineTo(357, 366);
context.stroke();

context.lineTo(357, 370);
context.stroke();

context.lineTo(357, 371);
context.stroke();

context.lineTo(357, 374);
context.stroke();

context.lineTo(357, 375);
context.stroke();

context.lineTo(356, 380);
context.stroke();

context.lineTo(355, 382);
context.stroke();

context.lineTo(355, 385);
context.stroke();

context.lineTo(354, 387);
context.stroke();

context.lineTo(352, 391);
context.stroke();

context.lineTo(351, 393);
context.stroke();

context.lineTo(349, 398);
context.stroke();

context.lineTo(349, 402);
context.stroke();

context.lineTo(347, 406);
context.stroke();

context.lineTo(345, 412);
context.stroke();

context.lineTo(340, 416);
context.stroke();

context.lineTo(336, 423);
context.stroke();

context.lineTo(331, 429);
context.stroke();

context.lineTo(328, 431);
context.stroke();

context.lineTo(323, 435);
context.stroke();

context.lineTo(322, 436);
context.stroke();

context.lineTo(317, 439);
context.stroke();

context.lineTo(312, 442);
context.stroke();

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

context.lineTo(303, 448);
context.stroke();

context.lineTo(296, 451);
context.stroke();

context.lineTo(288, 453);
context.stroke();

context.lineTo(279, 455);
context.stroke();

context.lineTo(273, 456);
context.stroke();

context.lineTo(267, 456);
context.stroke();

context.lineTo(259, 461);
context.stroke();

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

context.lineTo(236, 461);
context.stroke();

context.lineTo(226, 461);
context.stroke();

context.lineTo(216, 461);
context.stroke();

context.lineTo(203, 461);
context.stroke();

context.lineTo(195, 459);
context.stroke();

context.lineTo(188, 455);
context.stroke();

context.lineTo(181, 453);
context.stroke();

context.lineTo(175, 451);
context.stroke();

context.lineTo(169, 450);
context.stroke();

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

context.lineTo(161, 447);
context.stroke();

context.lineTo(158, 447);
context.stroke();

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

context.lineTo(151, 445);
context.stroke();

context.lineTo(150, 444);
context.stroke();

context.lineTo(149, 443);
context.stroke();

context.lineTo(145, 441);
context.stroke();

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

context.lineTo(135, 435);
context.stroke();

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

context.lineTo(128, 431);
context.stroke();

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

context.lineTo(122, 424);
context.stroke();

context.lineTo(117, 422);
context.stroke();

context.lineTo(113, 419);
context.stroke();

context.lineTo(108, 419);
context.stroke();

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

context.lineTo(103, 413);
context.stroke();

context.lineTo(100, 411);
context.stroke();

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

context.lineTo(97, 407);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(75, 343);
context.stroke();
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(42, 39, 208, 183);

context.strokeStyle = '#000000';
context.strokeRect(270, 247, 221, 200);

context.strokeStyle = '#000000';
context.save();
context.translate(385, 110);
context.scale(1, 0.9047619047619048);
context.beginPath();
context.arc(0, 0, 113, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(39, 59);
context.lineTo(228, 473);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(97, 41);
context.lineTo(279, 437);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(373.5, 128.5);
context.scale(1, 0.5862068965517241);
context.beginPath();
context.arc(0, 0, 168, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>