<!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(10, 20, 547, 364);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(555, 125);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(557, 124);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(554, 211);
context.stroke();

context.lineTo(554, 214);
context.stroke();

context.lineTo(554, 217);
context.stroke();

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

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

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

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

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

context.lineTo(554, 258);
context.stroke();

context.lineTo(554, 259);
context.stroke();

context.lineTo(554, 263);
context.stroke();

context.lineTo(554, 264);
context.stroke();

context.lineTo(554, 265);
context.stroke();

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

context.lineTo(554, 272);
context.stroke();

context.lineTo(554, 273);
context.stroke();

context.lineTo(554, 274);
context.stroke();

context.lineTo(555, 277);
context.stroke();

context.lineTo(555, 278);
context.stroke();

context.lineTo(555, 279);
context.stroke();

context.lineTo(556, 283);
context.stroke();

context.lineTo(556, 285);
context.stroke();

context.lineTo(556, 286);
context.stroke();

context.lineTo(556, 289);
context.stroke();

context.lineTo(556, 295);
context.stroke();

context.lineTo(556, 300);
context.stroke();

context.lineTo(556, 302);
context.stroke();

context.lineTo(556, 303);
context.stroke();

context.lineTo(556, 304);
context.stroke();

context.lineTo(556, 305);
context.stroke();

context.lineTo(556, 312);
context.stroke();

context.lineTo(556, 315);
context.stroke();

context.lineTo(556, 318);
context.stroke();

context.lineTo(556, 329);
context.stroke();

context.lineTo(556, 332);
context.stroke();

context.lineTo(556, 339);
context.stroke();

context.lineTo(556, 343);
context.stroke();

context.lineTo(556, 351);
context.stroke();

context.lineTo(556, 353);
context.stroke();

context.lineTo(556, 354);
context.stroke();

context.lineTo(556, 357);
context.stroke();

context.lineTo(556, 358);
context.stroke();

context.lineTo(556, 363);
context.stroke();

context.lineTo(556, 364);
context.stroke();

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

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

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

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

context.lineTo(556, 385);
context.stroke();

context.lineTo(556, 386);
context.stroke();

context.lineTo(556, 385);
context.stroke();

context.lineTo(556, 383);
context.stroke();

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

context.lineTo(556, 351);
context.stroke();

context.lineTo(556, 343);
context.stroke();

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

context.lineTo(556, 320);
context.stroke();

context.lineTo(556, 309);
context.stroke();

context.lineTo(556, 304);
context.stroke();

context.lineTo(556, 297);
context.stroke();

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

context.lineTo(556, 287);
context.stroke();

context.lineTo(556, 278);
context.stroke();

context.lineTo(556, 263);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(542, 75);
context.stroke();
</script>
</body>
</html>