<!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(400, 135);

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

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

context.strokeStyle = '#000000';
context.strokeRect(1, 0, 598, 499);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(46, 496);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(116, 485);
context.stroke();

context.lineTo(116, 484);
context.stroke();

context.lineTo(116, 482);
context.stroke();

context.lineTo(118, 482);
context.stroke();

context.lineTo(121, 481);
context.stroke();

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

context.lineTo(127, 481);
context.stroke();

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

context.lineTo(132, 481);
context.stroke();

context.lineTo(134, 481);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineWidth = 4;

context.lineWidth = 5;

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 3;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(142, 496);
context.lineTo(55, 458);
context.stroke();
context.closePath();

context.lineWidth = 2;

context.lineWidth = 1;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(54, 461);
context.lineTo(44, 497);
context.stroke();
context.closePath();

context.lineWidth = 2;

context.strokeStyle = '#000000';
context.strokeRect(17, 11, 117, 56);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(34, 19);

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

context.strokeStyle = '#000000';
context.strokeRect(41, 18, 66, 6);

context.strokeStyle = '#000000';
context.strokeRect(52, 40, 55, 13);

context.strokeStyle = '#000000';
context.strokeRect(84, 40, 23, 13);

context.strokeStyle = '#000000';
context.strokeRect(117, 28, 8, 14);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(72, 89);

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

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

context.strokeStyle = '#000000';
context.strokeRect(163, 10, 122, 57);

context.strokeStyle = '#000000';
context.strokeRect(316, 11, 123, 57);

context.strokeStyle = '#000000';
context.save();
context.translate(224.5, 88.5);
context.scale(1, 0.7647058823529411);
context.beginPath();
context.arc(0, 0, 21, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(368, 86);

context.strokeStyle = '#000000';
context.strokeRect(189, 19, 69, 6);

context.strokeStyle = '#000000';
context.strokeRect(341, 20, 69, 5);

context.strokeStyle = '#000000';
context.strokeRect(209, 41, 55, 13);

context.strokeStyle = '#000000';
context.strokeRect(241, 41, 23, 12);

context.strokeStyle = '#000000';
context.strokeRect(272, 28, 7, 14);

context.strokeStyle = '#000000';
context.strokeRect(357, 38, 60, 15);

context.strokeStyle = '#000000';
context.strokeRect(390, 39, 26, 14);

context.strokeStyle = '#000000';
context.strokeRect(423, 33, 9, 13);

context.strokeStyle = '#000000';
context.save();
context.translate(375.5, 98.5);
context.scale(1, 0.7142857142857143);
context.beginPath();
context.arc(0, 0, 26, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(524, 175, 61, 99);

context.strokeStyle = '#000000';
context.strokeRect(569, 192, 6, 62);

context.strokeStyle = '#000000';
context.strokeRect(545, 213, 13, 42);

context.strokeStyle = '#000000';
context.strokeRect(556, 261, 13, 8);

context.strokeStyle = '#000000';
context.strokeRect(545, 237, 13, 18);

context.strokeStyle = '#000000';
context.save();
context.translate(493, 222.5);
context.scale(1, 0.9375);
context.beginPath();
context.arc(0, 0, 22, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(281, 415, 142, 62);

context.strokeStyle = '#000000';
context.strokeRect(303, 458, 99, 8);

context.strokeStyle = '#000000';
context.strokeRect(302, 437, 71, 15);

context.strokeStyle = '#000000';
context.strokeRect(303, 437, 26, 14);

context.strokeStyle = '#000000';
context.strokeRect(400, 431, 10, 17);

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

context.strokeStyle = '#000000';
context.strokeRect(80, 174, 321, 125);

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

context.strokeStyle = '#000000';
context.save();
context.translate(162, 334.5);
context.scale(1, 0.7727272727272727);
context.beginPath();
context.arc(0, 0, 28, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(330.5, 332);
context.scale(1, 0.782608695652174);
context.beginPath();
context.arc(0, 0, 29, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(138, 134);

context.lineTo(138, 134);
context.stroke();

context.strokeStyle = '#000000';
context.save();
context.translate(157.5, 146);
context.scale(1, 0.782608695652174);
context.beginPath();
context.arc(0, 0, 29, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(326.5, 144.5);
context.scale(1, 0.8095238095238095);
context.beginPath();
context.arc(0, 0, 27, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>