<!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.strokeRect(106, 64, 270, 114);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(377, 77);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(374, 108);
context.stroke();

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

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

context.lineTo(374, 111);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(378, 111);
context.stroke();

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

context.lineTo(380, 108);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(377, 70);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(369, 108);
context.stroke();

context.lineTo(369, 111);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(380, 111);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(373, 111);
context.stroke();

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

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

context.lineTo(374, 108);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(378, 99);
context.stroke();
</script>
</body>
</html>