<!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(487, 68);

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

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

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

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

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

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

context.lineTo(465, 85);
context.stroke();

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

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

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

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

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 12;

context.lineWidth = 14;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(510, 28);

context.lineTo(507, 30);
context.stroke();

context.lineTo(500, 31);
context.stroke();

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

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

context.lineTo(432, 35);
context.stroke();

context.lineTo(420, 36);
context.stroke();

context.lineTo(392, 38);
context.stroke();

context.lineTo(388, 39);
context.stroke();

context.lineTo(385, 39);
context.stroke();

context.lineTo(383, 40);
context.stroke();

context.lineTo(376, 41);
context.stroke();

context.lineTo(372, 44);
context.stroke();

context.lineTo(371, 44);
context.stroke();

context.lineTo(370, 45);
context.stroke();

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

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

context.lineTo(369, 77);
context.stroke();

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

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

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

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

context.lineTo(391, 159);
context.stroke();

context.lineTo(403, 179);
context.stroke();

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

context.lineTo(427, 193);
context.stroke();

context.lineTo(439, 197);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(525, 172);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(526, 42);
context.stroke();

context.lineTo(516, 32);
context.stroke();

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

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

context.lineTo(475, 24);
context.stroke();

context.lineTo(465, 24);
context.stroke();

context.lineTo(459, 24);
context.stroke();

context.lineTo(441, 30);
context.stroke();

context.lineTo(433, 32);
context.stroke();

context.lineTo(413, 40);
context.stroke();

context.lineTo(411, 41);
context.stroke();

context.lineTo(411, 41);
context.stroke();

context.strokeStyle = '#6186FF';
context.beginPath();
context.moveTo(209, 193);

context.lineTo(209, 193);
context.stroke();

context.strokeStyle = '#6186FF';
context.beginPath();
context.moveTo(210, 150);

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

context.lineTo(237, 180);
context.stroke();

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

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

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

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

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

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

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

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

context.strokeStyle = '#6186FF';
context.beginPath();
context.moveTo(332, 186);

context.lineTo(331, 186);
context.stroke();

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

context.lineTo(295, 230);
context.stroke();

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

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

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

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

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

context.lineTo(40, 413);
context.stroke();

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

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

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

context.lineTo(84, 363);
context.stroke();
</script>
</body>
</html>