<!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(141, 81);

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

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

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

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

context.lineTo(245, 86);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(315, 212);
context.stroke();

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

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

context.lineTo(296, 212);
context.stroke();

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

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

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

context.lineTo(252, 192);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.lineTo(252, 97);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(514, 367);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(289, 272);
context.stroke();
</script>
</body>
</html>