<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></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(9, -31);

context.lineTo(10, -31);
context.stroke();

context.lineTo(13, -31);
context.stroke();

context.lineTo(16, -29);
context.stroke();

context.lineTo(25, -26);
context.stroke();

context.lineTo(44, -21);
context.stroke();

context.lineTo(67, -16);
context.stroke();

context.lineTo(85, -13);
context.stroke();

context.lineTo(111, -5);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(135, -53);

context.lineTo(135, -54);
context.stroke();

context.lineTo(135, -54);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(135, -54);

context.lineTo(136, -55);
context.stroke();

context.lineTo(140, -47);
context.stroke();

context.lineTo(152, -19);
context.stroke();

context.lineTo(156, -11);
context.stroke();

context.lineTo(160, 2);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(159, 23);
context.stroke();

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

context.lineTo(159, 20);
context.stroke();

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(254, -69);

context.lineTo(254, -64);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(179, -5);
context.stroke();

context.lineTo(187, -10);
context.stroke();

context.lineTo(191, -15);
context.stroke();

context.lineTo(193, -17);
context.stroke();

context.lineTo(194, -22);
context.stroke();

context.lineTo(195, -27);
context.stroke();

context.lineTo(197, -33);
context.stroke();

context.lineTo(201, -43);
context.stroke();

context.lineTo(211, -52);
context.stroke();

context.lineTo(217, -54);
context.stroke();

context.lineTo(219, -54);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(219, -54);

context.lineTo(207, -55);
context.stroke();

context.lineTo(-60, -1);
context.stroke();

context.lineTo(-54, -1);
context.stroke();

context.lineTo(-38, -10);
context.stroke();

context.lineTo(-20, -17);
context.stroke();

context.lineTo(12, -27);
context.stroke();

context.lineTo(51, -33);
context.stroke();

context.lineTo(79, -38);
context.stroke();

context.lineTo(85, -39);
context.stroke();

context.lineTo(87, -39);
context.stroke();

context.lineTo(89, -41);
context.stroke();

context.lineTo(97, -44);
context.stroke();

context.lineTo(111, -46);
context.stroke();

context.lineTo(121, -49);
context.stroke();

context.lineTo(122, -51);
context.stroke();

context.lineTo(99, -64);
context.stroke();

context.lineTo(97, -66);
context.stroke();

context.lineTo(96, -68);
context.stroke();

context.lineTo(94, -70);
context.stroke();

context.lineTo(93, -73);
context.stroke();

context.lineTo(93, -75);
context.stroke();

context.lineTo(93, -76);
context.stroke();

context.lineTo(93, -81);
context.stroke();

context.lineTo(93, -91);
context.stroke();
</script>
</body>
</html>