<!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(55, 27);

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

context.lineTo(77, 37);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(202, 207);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(140, 187);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(207, 216);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(203, 204);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(177, 235);
context.stroke();
</script>
</body>
</html>