<!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(58, 126);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(149, 54, 172, 29);
</script>
</body>
</html>