<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>
<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></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 = 7;
context.lineWidth = 9;
context.lineWidth = 12;
context.lineWidth = 14;
context.strokeStyle = '#000000';
context.save();
context.translate(290, 263.5);
context.scale(1, 0.98);
context.beginPath();
context.arc(0, 0, 70, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
context.lineWidth = 4;
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(261, 319);
context.lineTo(261, 239);
context.stroke();
context.closePath();
context.lineWidth = 2;
context.lineWidth = 1;
context.lineWidth = 2;
context.strokeStyle = '#000000';
context.strokeRect(259, 238, 72, 43);
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(260, 276);
context.lineTo(331, 276);
context.stroke();
context.closePath();
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(261, 265);
context.lineTo(332, 265);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.strokeRect(262, 237, 27, 16);
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(262, 278);
context.lineTo(331, 278);
context.stroke();
context.closePath();
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(261, 265);
context.lineTo(331, 265);
context.stroke();
context.closePath();
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(262, 255);
context.lineTo(331, 255);
context.stroke();
context.closePath();
context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(289, 246);
context.lineTo(331, 247);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.strokeRect(276, 174, 28, 12);
context.strokeStyle = '#FF0000';
context.save();
context.translate(290, 161.5);
context.scale(1, 0.875);
context.beginPath();
context.arc(0, 0, 11, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(339, 205);
context.lineTo(373, 174);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(364, 166);
context.lineTo(380, 183);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(378, 181);
context.lineTo(352, 203);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(352, 202);
context.lineTo(340, 190);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(340, 190);
context.lineTo(365, 167);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(250, 198);
context.lineTo(227, 163);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(227, 163);
context.lineTo(215, 171);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(215, 171);
context.lineTo(233, 193);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(233, 193);
context.lineTo(254, 182);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(254, 182);
context.lineTo(234, 157);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(234, 157);
context.lineTo(225, 162);
context.stroke();
context.closePath();
context.lineWidth = 5;
context.lineWidth = 6;
context.lineWidth = 7;
context.lineWidth = 10;
context.lineWidth = 13;
context.lineWidth = 14;
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(182, 310);
context.lineTo(213, 352);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(207, 347);
context.lineTo(239, 366);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(232, 363);
context.lineTo(339, 366);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(332, 367);
context.lineTo(368, 352);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(364, 352);
context.lineTo(396, 313);
context.stroke();
context.closePath();
context.lineWidth = 7;
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(262, 358);
context.lineTo(284, 339);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(284, 339);
context.lineTo(302, 360);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(261, 355);
context.lineTo(282, 380);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(280, 377);
context.lineTo(299, 360);
context.stroke();
context.closePath();
context.lineWidth = 6;
context.lineWidth = 4;
context.lineWidth = 6;
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(343, 315);
context.lineTo(397, 362);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(236, 317);
context.lineTo(181, 362);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(337, 203);
context.lineTo(372, 173);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(249, 198);
context.lineTo(221, 160);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(223, 160);
context.lineTo(209, 170);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(220, 160);
context.lineTo(233, 154);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(368, 173);
context.lineTo(380, 185);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(369, 174);
context.lineTo(360, 162);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(360, 163);
context.lineTo(338, 184);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(339, 182);
context.lineTo(356, 202);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(355, 200);
context.lineTo(378, 182);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(211, 167);
context.lineTo(232, 194);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(229, 193);
context.lineTo(253, 179);
context.stroke();
context.closePath();
context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(251, 179);
context.lineTo(231, 157);
context.stroke();
context.closePath();
</script>
</body>
</html>