<!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(350, 182);

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

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

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

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

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

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

context.lineTo(123, 227);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(174, 303);
context.stroke();

context.lineTo(177, 303);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(233, 249);
context.stroke();
</script>
</body>
</html>