<!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(95, 88);

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

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

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

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

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

context.lineTo(144, 142);
context.stroke();

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

context.lineTo(166, 163);
context.stroke();

context.lineTo(182, 177);
context.stroke();

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

context.lineTo(201, 191);
context.stroke();

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

context.lineTo(221, 200);
context.stroke();

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

context.lineTo(244, 204);
context.stroke();

context.lineTo(262, 205);
context.stroke();

context.lineTo(282, 205);
context.stroke();

context.lineTo(297, 205);
context.stroke();

context.lineTo(305, 205);
context.stroke();

context.lineTo(308, 204);
context.stroke();

context.lineTo(311, 200);
context.stroke();

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

context.lineTo(316, 189);
context.stroke();

context.lineTo(319, 184);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(404.5, 152.5);
context.scale(0.8666666666666667, 1);
context.beginPath();
context.arc(0, 0, 99, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(78, 204, 338, 134);
</script>
</body>
</html>