<!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(12, 9);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(74, 329);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(423, 398);
context.stroke();

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

context.lineTo(404, 425);
context.stroke();

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

context.lineTo(374, 444);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(214, 458);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(183, 449);
context.stroke();
</script>
</body>
</html>