<!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.lineWidth = 6;

context.lineWidth = 7;

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(261, 34);
context.lineTo(154, 131);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(155, 131);
context.lineTo(239, 86);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(234, 87);
context.lineTo(129, 203);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(126, 201);
context.lineTo(246, 131);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(245, 134);
context.lineTo(118, 266);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(121, 262);
context.lineTo(245, 183);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(242, 183);
context.lineTo(102, 323);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(102, 323);
context.lineTo(247, 227);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(262, 34);
context.lineTo(341, 96);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(341, 96);
context.lineTo(277, 83);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(278, 84);
context.lineTo(365, 164);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(363, 163);
context.lineTo(277, 130);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(277, 130);
context.lineTo(375, 231);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(373, 231);
context.lineTo(281, 185);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(279, 187);
context.lineTo(383, 314);
context.stroke();
context.closePath();

context.strokeStyle = '#036917';
context.beginPath();
context.moveTo(383, 315);
context.lineTo(275, 229);
context.stroke();
context.closePath();

context.strokeStyle = '#856B4A';
context.strokeRect(245, 228, 28, 95);

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.lineWidth = 2;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(384, 313);
context.lineTo(385, 334);
context.stroke();
context.closePath();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(341, 93);
context.lineTo(341, 107);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(152, 130);
context.lineTo(150, 150);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(125, 198);
context.lineTo(121, 222);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(117, 265);
context.lineTo(116, 283);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(375, 229);
context.lineTo(375, 251);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(102, 320);
context.lineTo(101, 333);
context.stroke();
context.closePath();

context.strokeStyle = '#AD3737';
context.save();
context.translate(102.5, 333.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 7, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#AD3737';
context.save();
context.translate(366, 178);
context.scale(1, 0.6666666666666666);
context.beginPath();
context.arc(0, 0, 7, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFF347';
context.save();
context.translate(151.5, 150.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 7, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFF347';
context.save();
context.translate(118, 281.5);
context.scale(1, 0.8333333333333334);
context.beginPath();
context.arc(0, 0, 8, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFF347';
context.save();
context.translate(375.5, 252);
context.scale(0.8333333333333334, 1);
context.beginPath();
context.arc(0, 0, 8, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#2A00D1';
context.save();
context.translate(122.5, 223.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 7, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#2A00D1';
context.save();
context.translate(344, 108);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 8, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#2A00D1';
context.save();
context.translate(387.5, 333);
context.scale(1, 0.8);
context.beginPath();
context.arc(0, 0, 6, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 3;

context.lineWidth = 4;

context.strokeStyle = '#D60909';
context.strokeRect(101, 395, 74, 47);

context.strokeStyle = '#D60909';
context.beginPath();
context.moveTo(117, 372);

context.strokeStyle = '#D60909';
context.save();
context.translate(123.5, 376.5);
context.scale(1, 0.8666666666666667);
context.beginPath();
context.arc(0, 0, 20, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#D60909';
context.save();
context.translate(153, 373.5);
context.scale(0.9230769230769231, 1);
context.beginPath();
context.arc(0, 0, 18, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFF700';
context.strokeRect(222, 385, 56, 73);

context.strokeStyle = '#FFF700';
context.save();
context.translate(242, 373);
context.scale(1, 0.8);
context.beginPath();
context.arc(0, 0, 13, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFF700';
context.save();
context.translate(264, 374.5);
context.scale(1, 0.9);
context.beginPath();
context.arc(0, 0, 13, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFA763';
context.strokeRect(326, 400, 80, 38);

context.strokeStyle = '#FFA763';
context.save();
context.translate(353.5, 388.5);
context.scale(1, 0.6);
context.beginPath();
context.arc(0, 0, 17, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFA763';
context.save();
context.translate(372, 386.5);
context.scale(1, 0.5);
context.beginPath();
context.arc(0, 0, 20, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>