<!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.beginPath();
context.moveTo(310, 306);

context.lineTo(310, 307);
context.stroke();

context.lineTo(310, 308);
context.stroke();

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

context.lineTo(310, 310);
context.stroke();

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

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

context.lineTo(308, 313);
context.stroke();

context.lineTo(307, 313);
context.stroke();

context.lineTo(306, 314);
context.stroke();

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

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

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

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

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

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

context.lineTo(301, 319);
context.stroke();

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

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

context.lineTo(299, 322);
context.stroke();

context.lineTo(298, 323);
context.stroke();

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

context.lineTo(296, 324);
context.stroke();

context.lineTo(296, 325);
context.stroke();

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

context.lineTo(294, 326);
context.stroke();

context.lineTo(293, 327);
context.stroke();

context.lineTo(293, 328);
context.stroke();

context.lineTo(291, 328);
context.stroke();

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

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

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

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

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

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

context.lineTo(281, 330);
context.stroke();

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

context.lineTo(276, 331);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(260, 328);
context.stroke();

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

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

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

context.lineTo(257, 325);
context.stroke();

context.lineTo(257, 324);
context.stroke();

context.lineTo(257, 323);
context.stroke();

context.lineTo(256, 323);
context.stroke();

context.lineTo(256, 322);
context.stroke();

context.lineTo(256, 321);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(316, 256);
context.stroke();

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

context.lineTo(317, 260);
context.stroke();

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

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

context.lineTo(317, 266);
context.stroke();

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

context.lineTo(317, 268);
context.stroke();

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

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

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

context.lineTo(317, 275);
context.stroke();

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

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

context.lineTo(317, 280);
context.stroke();

context.lineTo(317, 281);
context.stroke();

context.lineTo(317, 282);
context.stroke();

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

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

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

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

context.lineTo(317, 291);
context.stroke();

context.lineTo(317, 292);
context.stroke();

context.lineTo(317, 293);
context.stroke();

context.lineTo(317, 294);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(311, 307);
context.stroke();

context.lineTo(311, 308);
context.stroke();

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

context.lineTo(310, 308);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(256, 232);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(264, 231);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(267, 231);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(273, 230);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(277, 227);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(280, 230);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(295, 231);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(287, 229);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(298, 228);

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(304, 229);

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

context.lineTo(306, 212);
context.stroke();

context.lineTo(306, 212);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(252, 269);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(315, 272);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(331, 276);
context.stroke();

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

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

context.lineTo(331, 281);
context.stroke();

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

context.lineTo(331, 284);
context.stroke();

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

context.lineTo(327, 288);
context.stroke();

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

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

context.lineTo(324, 291);
context.stroke();

context.lineTo(323, 292);
context.stroke();

context.lineTo(322, 293);
context.stroke();

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(269, 319);

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

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

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

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

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

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

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

context.lineTo(275, 316);
context.stroke();

context.lineTo(276, 316);
context.stroke();

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

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

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

context.lineTo(280, 317);
context.stroke();

context.lineTo(280, 317);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(268, 271);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(267, 271);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(266, 270);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(266, 270);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(266, 270);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(266, 270);

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

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

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

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

context.lineTo(266, 269);
context.stroke();

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

context.lineTo(268, 269);
context.stroke();

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(289, 269);

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

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

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

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

context.lineTo(291, 266);
context.stroke();

context.lineTo(292, 266);
context.stroke();

context.lineTo(293, 266);
context.stroke();

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(290, 269);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(275, 282);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(272, 285);

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

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

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

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

context.lineTo(280, 287);
context.stroke();
</script>
</body>
</html>