<!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.strokeStyle = '#000000';
context.beginPath();
context.moveTo(84, 119);
context.lineTo(193, 227);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(304, 171);
context.lineTo(272, 66);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(317.5, 304);
context.scale(1, 0.5203252032520326);
context.beginPath();
context.arc(0, 0, 139, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 11;

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

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 7;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(358, 254);

context.lineTo(357, 254);
context.stroke();

context.lineTo(355, 255);
context.stroke();

context.lineTo(353, 256);
context.stroke();

context.lineTo(351, 259);
context.stroke();

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

context.lineTo(348, 264);
context.stroke();

context.lineTo(347, 265);
context.stroke();

context.lineTo(346, 269);
context.stroke();

context.lineTo(345, 271);
context.stroke();

context.lineTo(345, 273);
context.stroke();

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

context.lineTo(345, 277);
context.stroke();

context.lineTo(345, 279);
context.stroke();

context.lineTo(345, 281);
context.stroke();

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

context.lineTo(347, 284);
context.stroke();

context.lineTo(348, 284);
context.stroke();

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

context.lineTo(349, 286);
context.stroke();

context.lineTo(350, 286);
context.stroke();

context.lineTo(351, 286);
context.stroke();

context.lineTo(352, 286);
context.stroke();

context.lineTo(355, 286);
context.stroke();

context.lineTo(359, 286);
context.stroke();

context.lineTo(360, 286);
context.stroke();

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

context.lineTo(363, 284);
context.stroke();

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

context.lineTo(365, 281);
context.stroke();

context.lineTo(365, 279);
context.stroke();

context.lineTo(365, 278);
context.stroke();

context.lineTo(365, 276);
context.stroke();

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

context.lineTo(366, 273);
context.stroke();

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

context.lineTo(366, 271);
context.stroke();

context.lineTo(366, 270);
context.stroke();

context.lineTo(366, 269);
context.stroke();

context.lineTo(366, 268);
context.stroke();

context.lineTo(366, 267);
context.stroke();

context.lineTo(366, 266);
context.stroke();

context.lineTo(366, 265);
context.stroke();

context.lineTo(366, 264);
context.stroke();

context.lineTo(366, 263);
context.stroke();

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

context.lineTo(366, 261);
context.stroke();

context.lineTo(365, 260);
context.stroke();

context.lineTo(364, 259);
context.stroke();

context.lineTo(364, 258);
context.stroke();

context.lineTo(363, 258);
context.stroke();

context.lineTo(363, 257);
context.stroke();

context.lineTo(362, 256);
context.stroke();

context.lineTo(361, 254);
context.stroke();

context.lineTo(359, 254);
context.stroke();

context.lineTo(359, 253);
context.stroke();

context.lineTo(358, 253);
context.stroke();

context.lineTo(358, 253);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(279, 265);

context.lineTo(279, 264);
context.stroke();

context.lineTo(278, 263);
context.stroke();

context.lineTo(277, 263);
context.stroke();

context.lineTo(276, 263);
context.stroke();

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

context.lineTo(268, 263);
context.stroke();

context.lineTo(267, 263);
context.stroke();

context.lineTo(266, 263);
context.stroke();

context.lineTo(265, 263);
context.stroke();

context.lineTo(264, 263);
context.stroke();

context.lineTo(263, 263);
context.stroke();

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

context.lineTo(260, 266);
context.stroke();

context.lineTo(259, 267);
context.stroke();

context.lineTo(257, 269);
context.stroke();

context.lineTo(256, 269);
context.stroke();

context.lineTo(255, 270);
context.stroke();

context.lineTo(255, 271);
context.stroke();

context.lineTo(255, 273);
context.stroke();

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

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

context.lineTo(255, 276);
context.stroke();

context.lineTo(255, 277);
context.stroke();

context.lineTo(255, 278);
context.stroke();

context.lineTo(256, 278);
context.stroke();

context.lineTo(257, 278);
context.stroke();

context.lineTo(259, 278);
context.stroke();

context.lineTo(261, 279);
context.stroke();

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

context.lineTo(263, 279);
context.stroke();

context.lineTo(265, 279);
context.stroke();

context.lineTo(267, 279);
context.stroke();

context.lineTo(268, 279);
context.stroke();

context.lineTo(269, 279);
context.stroke();

context.lineTo(270, 279);
context.stroke();

context.lineTo(271, 279);
context.stroke();

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

context.lineTo(273, 279);
context.stroke();

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

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

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

context.lineTo(276, 277);
context.stroke();

context.lineTo(276, 276);
context.stroke();

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

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

context.lineTo(277, 273);
context.stroke();

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

context.lineTo(277, 270);
context.stroke();

context.lineTo(277, 269);
context.stroke();

context.lineTo(277, 268);
context.stroke();

context.lineTo(277, 267);
context.stroke();

context.lineTo(277, 266);
context.stroke();

context.lineTo(277, 265);
context.stroke();

context.lineTo(277, 264);
context.stroke();

context.lineTo(277, 263);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(273, 328);

context.lineTo(273, 329);
context.stroke();

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

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

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

context.lineTo(280, 338);
context.stroke();

context.lineTo(283, 341);
context.stroke();

context.lineTo(287, 344);
context.stroke();

context.lineTo(289, 345);
context.stroke();

context.lineTo(290, 346);
context.stroke();

context.lineTo(291, 346);
context.stroke();

context.lineTo(292, 346);
context.stroke();

context.lineTo(294, 346);
context.stroke();

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

context.lineTo(299, 345);
context.stroke();

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

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

context.lineTo(313, 341);
context.stroke();

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

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

context.lineTo(320, 338);
context.stroke();

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

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

context.lineTo(322, 333);
context.stroke();

context.lineTo(322, 333);
context.stroke();
</script>
</body>
</html>