<!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.strokeRect(10, 8, 97, 203);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(104, 8);

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

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

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

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

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

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

context.lineTo(93, 3);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(90, 5);
context.stroke();

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

context.lineTo(93, 3);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(102, 11);
context.stroke();

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

context.lineTo(102, 7);
context.stroke();

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

context.lineTo(102, 11);
context.stroke();

context.lineTo(102, 17);
context.stroke();

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

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

context.lineTo(102, 15);
context.stroke();

context.lineTo(102, 14);
context.stroke();

context.lineTo(102, 13);
context.stroke();

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

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

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

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

context.lineTo(93, 7);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(93, 9);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.lineTo(44, 9);
context.stroke();

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

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

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

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

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

context.lineTo(15, 9);
context.stroke();

context.lineTo(7, 9);
context.stroke();

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

context.lineTo(1, 9);
context.stroke();

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

context.lineTo(9, 6);
context.stroke();

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

context.lineTo(21, 3);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(42, 5);
context.stroke();

context.lineTo(41, 5);
context.stroke();

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

context.lineTo(28, 5);
context.stroke();

context.lineTo(26, 5);
context.stroke();

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

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

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

context.lineTo(13, 5);
context.stroke();

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(11, 9);

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

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

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

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

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

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

context.lineTo(13, 42);
context.stroke();

context.lineTo(13, 50);
context.stroke();

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

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

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

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

context.lineTo(11, 90);
context.stroke();

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

context.lineTo(11, 105);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(11, 140);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(14, 106);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(13, 93);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(6, 21);
context.stroke();

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

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

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

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

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

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

context.lineTo(5, 17);
context.stroke();

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

context.lineTo(9, 42);
context.stroke();

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

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

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

context.lineTo(8, 6);
context.stroke();

context.lineTo(8, 9);
context.stroke();

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

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

context.lineTo(8, 41);
context.stroke();

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

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

context.lineTo(9, 13);
context.stroke();

context.lineTo(7, 50);
context.stroke();

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

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

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

context.lineTo(9, 93);
context.stroke();

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

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

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

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

context.lineTo(9, 106);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(8, 95);

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(15, 205);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(7, 199);

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(28, 194);
context.stroke();
</script>
</body>
</html>