<!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(41, 239, 170, 213);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(233, 133);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 9;

context.lineWidth = 11;

context.lineWidth = 13;

context.lineWidth = 14;

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(239, 137);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(247, 236);
context.stroke();

context.lineTo(247, 241);
context.stroke();

context.lineTo(247, 248);
context.stroke();

context.lineTo(247, 254);
context.stroke();

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

context.lineTo(247, 267);
context.stroke();

context.lineTo(247, 270);
context.stroke();

context.lineTo(247, 271);
context.stroke();

context.lineTo(247, 270);
context.stroke();

context.lineTo(247, 262);
context.stroke();

context.lineTo(247, 253);
context.stroke();

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

context.lineTo(248, 237);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(241, 115);
context.stroke();

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

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

context.lineTo(237, 115);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(242, 165, 171, 288);

context.strokeStyle = '#000000';
context.strokeRect(436, 299, 149, 153);
</script>
</body>
</html>