<!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(1, 0, 127, 119);

context.strokeStyle = '#000000';
context.strokeRect(128, 1, 120, 118);

context.strokeStyle = '#000000';
context.strokeRect(248, 1, 119, 118);

context.strokeStyle = '#000000';
context.strokeRect(366, 2, 116, 117);

context.strokeStyle = '#000000';
context.strokeRect(481, 2, 116, 117);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(1, 120);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(4, 117);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(51, 182);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(1, 117, 125, 136);

context.strokeStyle = '#000000';
context.strokeRect(126, 118, 120, 135);

context.strokeStyle = '#000000';
context.strokeRect(246, 120, 119, 133);

context.strokeStyle = '#000000';
context.strokeRect(368, 118, 112, 136);
</script>
</body>
</html>