<!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(60, 490);
context.lineTo(599, 2);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(595, 2);
context.lineTo(597, 498);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(597, 498);
context.lineTo(59, 499);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(55, 490);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(57, 494);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(403.5, 385.5);
context.scale(1, 0.8701298701298701);
context.beginPath();
context.arc(0, 0, 102, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(516, 127);
context.scale(1, 0.9);
context.beginPath();
context.arc(0, 0, 27, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(492.5, 236);
context.scale(1, 0.926829268292683);
context.beginPath();
context.arc(0, 0, 56, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(197.5, 391);
context.scale(0.6428571428571429, 1);
context.beginPath();
context.arc(0, 0, 17, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(246.5, 392.5);
context.scale(1, 0.76);
context.beginPath();
context.arc(0, 0, 31, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(395, 400.5);
context.scale(0.7741935483870968, 1);
context.beginPath();
context.arc(0, 0, 39, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(474.5, 352);
context.scale(0.275, 1);
context.beginPath();
context.arc(0, 0, 41, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(407, 348);
context.scale(0.45, 1);
context.beginPath();
context.arc(0, 0, 44, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(596, 0);
context.lineTo(3, 3);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(3, 3);
context.lineTo(1, 496);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(61, 486);
context.lineTo(43, 499);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(1, 489);
context.lineTo(60, 492);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(42, 491);
context.lineTo(2, 492);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(55, 496);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(8, 494);
context.stroke();

context.lineTo(7, 494);
context.stroke();

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

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

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

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

context.lineTo(6, 493);
context.stroke();

context.lineTo(3, 494);
context.stroke();

context.lineTo(7, 494);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(0, 495);
context.stroke();

context.lineTo(6, 494);
context.stroke();

context.lineTo(6, 495);
context.stroke();

context.lineTo(5, 495);
context.stroke();

context.lineTo(5, 496);
context.stroke();

context.lineTo(7, 496);
context.stroke();

context.lineTo(8, 497);
context.stroke();

context.lineTo(4, 498);
context.stroke();

context.lineTo(4, 499);
context.stroke();

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

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

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

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

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

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

context.lineTo(9, 498);
context.stroke();

context.lineTo(2, 499);
context.stroke();

context.lineTo(2, 498);
context.stroke();

context.lineTo(1, 497);
context.stroke();

context.lineTo(0, 497);
context.stroke();

context.lineTo(0, 497);
context.stroke();

context.strokeStyle = '#000000';
context.save();
context.translate(131.5, 86);
context.scale(1, 0.7407407407407407);
context.beginPath();
context.arc(0, 0, 101, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(289.5, 94);
context.scale(1, 0.6382978723404256);
context.beginPath();
context.arc(0, 0, 56, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(141, 228);
context.scale(1, 0.8947368421052632);
context.beginPath();
context.arc(0, 0, 51, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(265.5, 209);
context.scale(1, 0.6792452830188679);
context.beginPath();
context.arc(0, 0, 64, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(85, 350.5);
context.scale(1, 0.6875);
context.beginPath();
context.arc(0, 0, 58, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(379, 19, 78, 57);

context.strokeStyle = '#000000';
context.strokeRect(347, 259, 78, 37);

context.strokeStyle = '#000000';
context.strokeRect(533, 309, 45, 152);

context.strokeStyle = '#000000';
context.strokeRect(558, 60, 28, 116);

context.strokeStyle = '#000000';
context.strokeRect(34, 188, 90, 27);

context.strokeStyle = '#000000';
context.strokeRect(181, 285, 62, 43);

context.strokeStyle = '#000000';
context.strokeRect(348, 123, 61, 32);

context.strokeStyle = '#000000';
context.strokeRect(33, 267, 72, 38);

context.strokeStyle = '#000000';
context.strokeRect(11, 410, 59, 38);

context.strokeStyle = '#000000';
context.strokeRect(242, 408, 52, 57);

context.strokeStyle = '#000000';
context.strokeRect(154, 21, 91, 33);

context.strokeStyle = '#000000';
context.strokeRect(439, 167, 53, 48);
</script>
</body>
</html>