<!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(67, 127);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(123, 159);

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(151, 215);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(289, 169);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(64, 142);
context.stroke();
</script>
</body>
</html>