<!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(341, 186);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(341, 186);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(341, 186);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(341, 186);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(147, 102);

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

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

context.lineTo(151, 124);
context.stroke();

context.lineTo(157, 141);
context.stroke();

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

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

context.lineTo(190, 217);
context.stroke();

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

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

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

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

context.lineTo(228, 304);
context.stroke();

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(230, 310);

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

context.lineTo(232, 314);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(505, 301);
context.stroke();

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

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

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

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

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

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

context.lineTo(549, 337);
context.stroke();

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

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

context.lineTo(504, 382);
context.stroke();

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

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

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

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

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

context.lineTo(412, 442);
context.stroke();

context.lineTo(412, 442);
context.stroke();

context.lineTo(412, 445);
context.stroke();

context.lineTo(412, 446);
context.stroke();

context.lineTo(457, 446);
context.stroke();

context.lineTo(488, 446);
context.stroke();

context.lineTo(533, 442);
context.stroke();

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

context.lineTo(559, 438);
context.stroke();

context.lineTo(559, 438);
context.stroke();
</script>
</body>
</html>