<!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 = '#0000FF';
context.beginPath();
context.moveTo(129, 124);

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

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

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

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

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

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

context.lineTo(207, 107);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(199, 198);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(424, 302);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(494, 298);
context.stroke();

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

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

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

context.strokeStyle = '#0000FF';
context.beginPath();
context.moveTo(451, 114);

context.lineTo(451, 113);
context.stroke();

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

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

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

context.lineTo(400, 126);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(461, 165);
context.stroke();

context.lineTo(431, 165);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(389, 334);
context.stroke();
</script>
</body>
</html>