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

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(174, 59);

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

context.lineTo(170, 57);
context.stroke();

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

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

context.lineTo(139, 54);
context.stroke();

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

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

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

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

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

context.lineTo(93, 52);
context.stroke();

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

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

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

context.lineTo(73, 63);
context.stroke();

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

context.lineTo(65, 67);
context.stroke();

context.lineTo(63, 69);
context.stroke();

context.lineTo(60, 71);
context.stroke();

context.lineTo(50, 71);
context.stroke();

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

context.lineTo(54, 64);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(306, 6);
context.stroke();

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

context.lineTo(242, 0);
context.stroke();

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

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

context.lineTo(170, 48);
context.stroke();

context.lineTo(156, 52);
context.stroke();

context.lineTo(155, 57);
context.stroke();

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

context.lineTo(150, 62);
context.stroke();

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

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

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

context.lineTo(154, 56);
context.stroke();

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

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

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

context.lineTo(187, 22);
context.stroke();

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(321, 15);

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

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

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

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

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

context.lineTo(480, 69);
context.stroke();

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

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

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

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

context.lineTo(477, 53);
context.stroke();

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

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

context.lineTo(447, 5);
context.stroke();

context.lineTo(448, 5);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(448, 5);

context.lineTo(448, 5);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(320, 71);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(226, 82);

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

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

context.lineTo(225, 62);
context.stroke();

context.lineTo(225, 62);
context.stroke();
</script>
</body>
</html>