<!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 = '#5F2EFF';
context.beginPath();
context.moveTo(418, 224);
context.lineTo(416, 225);
context.stroke();
context.lineTo(414, 225);
context.stroke();
context.lineTo(413, 225);
context.stroke();
context.lineTo(410, 227);
context.stroke();
context.lineTo(407, 228);
context.stroke();
context.lineTo(403, 229);
context.stroke();
context.lineTo(398, 231);
context.stroke();
context.lineTo(392, 233);
context.stroke();
context.lineTo(385, 236);
context.stroke();
context.lineTo(379, 237);
context.stroke();
context.lineTo(373, 240);
context.stroke();
context.lineTo(367, 241);
context.stroke();
context.lineTo(362, 244);
context.stroke();
context.lineTo(356, 246);
context.stroke();
context.lineTo(350, 250);
context.stroke();
context.lineTo(345, 253);
context.stroke();
context.lineTo(340, 257);
context.stroke();
context.lineTo(336, 260);
context.stroke();
context.lineTo(332, 263);
context.stroke();
context.lineTo(328, 267);
context.stroke();
context.lineTo(324, 270);
context.stroke();
context.lineTo(319, 273);
context.stroke();
context.lineTo(315, 275);
context.stroke();
context.lineTo(311, 277);
context.stroke();
context.lineTo(308, 277);
context.stroke();
context.lineTo(306, 278);
context.stroke();
context.lineTo(303, 279);
context.stroke();
context.lineTo(300, 281);
context.stroke();
context.lineTo(295, 283);
context.stroke();
context.lineTo(291, 285);
context.stroke();
context.lineTo(286, 286);
context.stroke();
context.lineTo(282, 287);
context.stroke();
context.lineTo(277, 288);
context.stroke();
context.lineTo(273, 289);
context.stroke();
context.lineTo(268, 289);
context.stroke();
context.lineTo(265, 290);
context.stroke();
context.lineTo(260, 290);
context.stroke();
context.lineTo(256, 290);
context.stroke();
context.lineTo(251, 290);
context.stroke();
context.lineTo(246, 290);
context.stroke();
context.lineTo(241, 288);
context.stroke();
context.lineTo(235, 287);
context.stroke();
context.lineTo(229, 285);
context.stroke();
context.lineTo(225, 283);
context.stroke();
context.lineTo(220, 281);
context.stroke();
context.lineTo(213, 279);
context.stroke();
context.lineTo(210, 275);
context.stroke();
context.lineTo(205, 271);
context.stroke();
context.lineTo(199, 267);
context.stroke();
context.lineTo(195, 264);
context.stroke();
context.lineTo(192, 260);
context.stroke();
context.lineTo(191, 257);
context.stroke();
context.lineTo(190, 254);
context.stroke();
context.lineTo(189, 249);
context.stroke();
context.lineTo(187, 245);
context.stroke();
context.lineTo(186, 240);
context.stroke();
context.lineTo(185, 237);
context.stroke();
context.lineTo(184, 232);
context.stroke();
context.lineTo(184, 226);
context.stroke();
context.lineTo(184, 221);
context.stroke();
context.lineTo(184, 217);
context.stroke();
context.lineTo(184, 213);
context.stroke();
context.lineTo(184, 210);
context.stroke();
context.lineTo(184, 206);
context.stroke();
context.lineTo(185, 203);
context.stroke();
context.lineTo(187, 200);
context.stroke();
context.lineTo(189, 197);
context.stroke();
context.lineTo(191, 193);
context.stroke();
context.lineTo(195, 192);
context.stroke();
context.lineTo(198, 190);
context.stroke();
context.lineTo(202, 189);
context.stroke();
context.lineTo(206, 188);
context.stroke();
context.lineTo(211, 188);
context.stroke();
context.lineTo(216, 188);
context.stroke();
context.lineTo(220, 188);
context.stroke();
context.lineTo(225, 188);
context.stroke();
context.lineTo(229, 188);
context.stroke();
context.lineTo(234, 190);
context.stroke();
context.lineTo(241, 191);
context.stroke();
context.lineTo(248, 193);
context.stroke();
context.lineTo(254, 195);
context.stroke();
context.lineTo(258, 197);
context.stroke();
context.lineTo(262, 198);
context.stroke();
context.lineTo(266, 200);
context.stroke();
context.lineTo(272, 203);
context.stroke();
context.lineTo(278, 205);
context.stroke();
context.lineTo(284, 208);
context.stroke();
context.lineTo(289, 212);
context.stroke();
context.lineTo(293, 215);
context.stroke();
context.lineTo(298, 219);
context.stroke();
context.lineTo(303, 224);
context.stroke();
context.lineTo(307, 228);
context.stroke();
context.lineTo(312, 233);
context.stroke();
context.lineTo(318, 238);
context.stroke();
context.lineTo(322, 243);
context.stroke();
context.lineTo(325, 245);
context.stroke();
context.lineTo(327, 249);
context.stroke();
context.lineTo(330, 254);
context.stroke();
context.lineTo(333, 259);
context.stroke();
context.lineTo(336, 263);
context.stroke();
context.lineTo(340, 269);
context.stroke();
context.lineTo(344, 274);
context.stroke();
context.lineTo(349, 279);
context.stroke();
context.lineTo(352, 284);
context.stroke();
context.lineTo(356, 289);
context.stroke();
context.lineTo(360, 294);
context.stroke();
context.lineTo(365, 299);
context.stroke();
context.lineTo(369, 303);
context.stroke();
context.lineTo(373, 308);
context.stroke();
context.lineTo(377, 312);
context.stroke();
context.lineTo(380, 316);
context.stroke();
context.lineTo(384, 320);
context.stroke();
context.lineTo(387, 323);
context.stroke();
context.lineTo(390, 324);
context.stroke();
context.lineTo(393, 328);
context.stroke();
context.lineTo(395, 330);
context.stroke();
context.lineTo(397, 332);
context.stroke();
context.lineTo(398, 333);
context.stroke();
context.lineTo(399, 334);
context.stroke();
context.lineTo(400, 334);
context.stroke();
context.lineTo(401, 334);
context.stroke();
context.lineTo(401, 333);
context.stroke();
context.lineTo(402, 331);
context.stroke();
context.lineTo(403, 328);
context.stroke();
context.lineTo(405, 324);
context.stroke();
context.lineTo(406, 318);
context.stroke();
context.lineTo(408, 313);
context.stroke();
context.lineTo(409, 310);
context.stroke();
context.lineTo(409, 307);
context.stroke();
context.lineTo(410, 303);
context.stroke();
context.lineTo(410, 297);
context.stroke();
context.lineTo(411, 294);
context.stroke();
context.lineTo(411, 290);
context.stroke();
context.lineTo(412, 285);
context.stroke();
context.lineTo(412, 281);
context.stroke();
context.lineTo(412, 276);
context.stroke();
context.lineTo(413, 273);
context.stroke();
context.lineTo(413, 269);
context.stroke();
context.lineTo(413, 264);
context.stroke();
context.lineTo(413, 261);
context.stroke();
context.lineTo(413, 258);
context.stroke();
context.lineTo(414, 255);
context.stroke();
context.lineTo(414, 253);
context.stroke();
context.lineTo(414, 250);
context.stroke();
context.lineTo(415, 246);
context.stroke();
context.lineTo(415, 243);
context.stroke();
context.lineTo(415, 240);
context.stroke();
context.lineTo(415, 237);
context.stroke();
context.lineTo(416, 234);
context.stroke();
context.lineTo(416, 232);
context.stroke();
context.lineTo(417, 230);
context.stroke();
context.lineTo(417, 228);
context.stroke();
context.lineTo(417, 226);
context.stroke();
context.lineTo(418, 225);
context.stroke();
context.lineTo(418, 224);
context.stroke();
context.lineTo(418, 224);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(235, 193);
context.lineTo(235, 194);
context.stroke();
context.lineTo(235, 195);
context.stroke();
context.lineTo(235, 196);
context.stroke();
context.lineTo(235, 198);
context.stroke();
context.lineTo(235, 199);
context.stroke();
context.lineTo(235, 201);
context.stroke();
context.lineTo(235, 202);
context.stroke();
context.lineTo(235, 204);
context.stroke();
context.lineTo(235, 206);
context.stroke();
context.lineTo(235, 208);
context.stroke();
context.lineTo(235, 210);
context.stroke();
context.lineTo(235, 211);
context.stroke();
context.lineTo(235, 213);
context.stroke();
context.lineTo(234, 214);
context.stroke();
context.lineTo(233, 215);
context.stroke();
context.lineTo(233, 217);
context.stroke();
context.lineTo(232, 218);
context.stroke();
context.lineTo(232, 219);
context.stroke();
context.lineTo(232, 221);
context.stroke();
context.lineTo(231, 222);
context.stroke();
context.lineTo(231, 223);
context.stroke();
context.lineTo(230, 223);
context.stroke();
context.lineTo(229, 224);
context.stroke();
context.lineTo(228, 225);
context.stroke();
context.lineTo(227, 226);
context.stroke();
context.lineTo(226, 228);
context.stroke();
context.lineTo(225, 230);
context.stroke();
context.lineTo(223, 231);
context.stroke();
context.lineTo(223, 232);
context.stroke();
context.lineTo(222, 232);
context.stroke();
context.lineTo(221, 234);
context.stroke();
context.lineTo(220, 235);
context.stroke();
context.lineTo(219, 236);
context.stroke();
context.lineTo(219, 237);
context.stroke();
context.lineTo(218, 238);
context.stroke();
context.lineTo(218, 239);
context.stroke();
context.lineTo(216, 240);
context.stroke();
context.lineTo(215, 241);
context.stroke();
context.lineTo(215, 242);
context.stroke();
context.lineTo(213, 243);
context.stroke();
context.lineTo(212, 244);
context.stroke();
context.lineTo(212, 245);
context.stroke();
context.lineTo(211, 246);
context.stroke();
context.lineTo(209, 247);
context.stroke();
context.lineTo(207, 248);
context.stroke();
context.lineTo(205, 250);
context.stroke();
context.lineTo(203, 250);
context.stroke();
context.lineTo(202, 251);
context.stroke();
context.lineTo(201, 251);
context.stroke();
context.lineTo(200, 252);
context.stroke();
context.lineTo(199, 252);
context.stroke();
context.lineTo(198, 252);
context.stroke();
context.lineTo(197, 252);
context.stroke();
context.lineTo(197, 253);
context.stroke();
context.lineTo(196, 253);
context.stroke();
context.lineTo(195, 254);
context.stroke();
context.lineTo(195, 254);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(198, 200);
context.lineTo(198, 200);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(200, 205);
context.lineTo(201, 205);
context.stroke();
context.lineTo(202, 205);
context.stroke();
context.lineTo(202, 204);
context.stroke();
context.lineTo(201, 204);
context.stroke();
context.lineTo(200, 204);
context.stroke();
context.lineTo(199, 204);
context.stroke();
context.lineTo(198, 204);
context.stroke();
context.lineTo(197, 204);
context.stroke();
context.lineTo(198, 204);
context.stroke();
context.lineTo(199, 204);
context.stroke();
context.lineTo(200, 204);
context.stroke();
context.lineTo(201, 204);
context.stroke();
context.lineTo(202, 204);
context.stroke();
context.lineTo(201, 204);
context.stroke();
context.lineTo(200, 204);
context.stroke();
context.lineTo(200, 205);
context.stroke();
context.lineTo(199, 205);
context.stroke();
context.lineTo(200, 205);
context.stroke();
context.lineTo(200, 206);
context.stroke();
context.lineTo(200, 207);
context.stroke();
context.lineTo(200, 207);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(185, 221);
context.lineTo(186, 221);
context.stroke();
context.lineTo(187, 221);
context.stroke();
context.lineTo(188, 221);
context.stroke();
context.lineTo(189, 221);
context.stroke();
context.lineTo(190, 221);
context.stroke();
context.lineTo(191, 221);
context.stroke();
context.lineTo(192, 221);
context.stroke();
context.lineTo(193, 221);
context.stroke();
context.lineTo(195, 221);
context.stroke();
context.lineTo(196, 221);
context.stroke();
context.lineTo(197, 221);
context.stroke();
context.lineTo(198, 221);
context.stroke();
context.lineTo(199, 221);
context.stroke();
context.lineTo(199, 222);
context.stroke();
context.lineTo(200, 222);
context.stroke();
context.lineTo(201, 222);
context.stroke();
context.lineTo(202, 222);
context.stroke();
context.lineTo(203, 222);
context.stroke();
context.lineTo(204, 222);
context.stroke();
context.lineTo(205, 222);
context.stroke();
context.lineTo(206, 222);
context.stroke();
context.lineTo(206, 222);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(228, 286);
context.lineTo(228, 287);
context.stroke();
context.lineTo(228, 288);
context.stroke();
context.lineTo(228, 289);
context.stroke();
context.lineTo(228, 290);
context.stroke();
context.lineTo(228, 291);
context.stroke();
context.lineTo(228, 292);
context.stroke();
context.lineTo(228, 293);
context.stroke();
context.lineTo(229, 294);
context.stroke();
context.lineTo(230, 295);
context.stroke();
context.lineTo(231, 297);
context.stroke();
context.lineTo(232, 297);
context.stroke();
context.lineTo(233, 299);
context.stroke();
context.lineTo(235, 300);
context.stroke();
context.lineTo(236, 301);
context.stroke();
context.lineTo(238, 302);
context.stroke();
context.lineTo(239, 303);
context.stroke();
context.lineTo(240, 304);
context.stroke();
context.lineTo(241, 304);
context.stroke();
context.lineTo(242, 305);
context.stroke();
context.lineTo(244, 306);
context.stroke();
context.lineTo(245, 307);
context.stroke();
context.lineTo(245, 308);
context.stroke();
context.lineTo(246, 309);
context.stroke();
context.lineTo(247, 310);
context.stroke();
context.lineTo(248, 312);
context.stroke();
context.lineTo(252, 314);
context.stroke();
context.lineTo(254, 317);
context.stroke();
context.lineTo(256, 318);
context.stroke();
context.lineTo(257, 319);
context.stroke();
context.lineTo(258, 320);
context.stroke();
context.lineTo(259, 321);
context.stroke();
context.lineTo(261, 322);
context.stroke();
context.lineTo(262, 322);
context.stroke();
context.lineTo(263, 323);
context.stroke();
context.lineTo(264, 323);
context.stroke();
context.lineTo(265, 323);
context.stroke();
context.lineTo(266, 323);
context.stroke();
context.lineTo(266, 322);
context.stroke();
context.lineTo(266, 321);
context.stroke();
context.lineTo(266, 320);
context.stroke();
context.lineTo(266, 318);
context.stroke();
context.lineTo(266, 317);
context.stroke();
context.lineTo(266, 315);
context.stroke();
context.lineTo(266, 314);
context.stroke();
context.lineTo(266, 312);
context.stroke();
context.lineTo(265, 311);
context.stroke();
context.lineTo(265, 310);
context.stroke();
context.lineTo(265, 309);
context.stroke();
context.lineTo(265, 308);
context.stroke();
context.lineTo(264, 307);
context.stroke();
context.lineTo(263, 307);
context.stroke();
context.lineTo(263, 306);
context.stroke();
context.lineTo(263, 305);
context.stroke();
context.lineTo(263, 303);
context.stroke();
context.lineTo(262, 302);
context.stroke();
context.lineTo(262, 301);
context.stroke();
context.lineTo(261, 299);
context.stroke();
context.lineTo(261, 298);
context.stroke();
context.lineTo(261, 297);
context.stroke();
context.lineTo(259, 296);
context.stroke();
context.lineTo(259, 295);
context.stroke();
context.lineTo(258, 294);
context.stroke();
context.lineTo(257, 293);
context.stroke();
context.lineTo(257, 291);
context.stroke();
context.lineTo(256, 290);
context.stroke();
context.lineTo(256, 289);
context.stroke();
context.lineTo(255, 289);
context.stroke();
context.lineTo(255, 289);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(270, 196);
context.lineTo(271, 196);
context.stroke();
context.lineTo(272, 196);
context.stroke();
context.lineTo(273, 196);
context.stroke();
context.lineTo(274, 196);
context.stroke();
context.lineTo(275, 196);
context.stroke();
context.lineTo(277, 196);
context.stroke();
context.lineTo(279, 196);
context.stroke();
context.lineTo(283, 196);
context.stroke();
context.lineTo(286, 196);
context.stroke();
context.lineTo(291, 196);
context.stroke();
context.lineTo(294, 196);
context.stroke();
context.lineTo(296, 196);
context.stroke();
context.lineTo(297, 196);
context.stroke();
context.lineTo(299, 196);
context.stroke();
context.lineTo(302, 196);
context.stroke();
context.lineTo(304, 195);
context.stroke();
context.lineTo(305, 195);
context.stroke();
context.lineTo(306, 195);
context.stroke();
context.lineTo(307, 195);
context.stroke();
context.lineTo(308, 195);
context.stroke();
context.lineTo(309, 195);
context.stroke();
context.lineTo(309, 194);
context.stroke();
context.lineTo(311, 193);
context.stroke();
context.lineTo(312, 193);
context.stroke();
context.lineTo(313, 193);
context.stroke();
context.lineTo(314, 192);
context.stroke();
context.lineTo(315, 191);
context.stroke();
context.lineTo(317, 191);
context.stroke();
context.lineTo(319, 190);
context.stroke();
context.lineTo(321, 189);
context.stroke();
context.lineTo(325, 187);
context.stroke();
context.lineTo(328, 186);
context.stroke();
context.lineTo(329, 186);
context.stroke();
context.lineTo(329, 187);
context.stroke();
context.lineTo(327, 189);
context.stroke();
context.lineTo(325, 192);
context.stroke();
context.lineTo(324, 194);
context.stroke();
context.lineTo(323, 196);
context.stroke();
context.lineTo(322, 198);
context.stroke();
context.lineTo(321, 199);
context.stroke();
context.lineTo(321, 200);
context.stroke();
context.lineTo(321, 201);
context.stroke();
context.lineTo(324, 202);
context.stroke();
context.lineTo(325, 202);
context.stroke();
context.lineTo(327, 202);
context.stroke();
context.lineTo(328, 202);
context.stroke();
context.lineTo(330, 202);
context.stroke();
context.lineTo(332, 201);
context.stroke();
context.lineTo(335, 200);
context.stroke();
context.lineTo(336, 200);
context.stroke();
context.lineTo(337, 199);
context.stroke();
context.lineTo(337, 200);
context.stroke();
context.lineTo(337, 203);
context.stroke();
context.lineTo(336, 204);
context.stroke();
context.lineTo(335, 205);
context.stroke();
context.lineTo(334, 207);
context.stroke();
context.lineTo(334, 208);
context.stroke();
context.lineTo(333, 209);
context.stroke();
context.lineTo(333, 210);
context.stroke();
context.lineTo(332, 212);
context.stroke();
context.lineTo(330, 214);
context.stroke();
context.lineTo(330, 215);
context.stroke();
context.lineTo(329, 216);
context.stroke();
context.lineTo(329, 217);
context.stroke();
context.lineTo(329, 218);
context.stroke();
context.lineTo(329, 219);
context.stroke();
context.lineTo(328, 220);
context.stroke();
context.lineTo(327, 221);
context.stroke();
context.lineTo(326, 223);
context.stroke();
context.lineTo(325, 224);
context.stroke();
context.lineTo(324, 225);
context.stroke();
context.lineTo(322, 226);
context.stroke();
context.lineTo(321, 228);
context.stroke();
context.lineTo(318, 230);
context.stroke();
context.lineTo(316, 232);
context.stroke();
context.lineTo(314, 233);
context.stroke();
context.lineTo(313, 235);
context.stroke();
context.lineTo(313, 236);
context.stroke();
context.lineTo(313, 237);
context.stroke();
context.lineTo(312, 238);
context.stroke();
context.lineTo(312, 238);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(383, 254);
context.lineTo(384, 254);
context.stroke();
context.lineTo(386, 254);
context.stroke();
context.lineTo(389, 254);
context.stroke();
context.lineTo(393, 254);
context.stroke();
context.lineTo(394, 254);
context.stroke();
context.lineTo(395, 254);
context.stroke();
context.lineTo(396, 254);
context.stroke();
context.lineTo(396, 254);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(384, 264);
context.lineTo(385, 264);
context.stroke();
context.lineTo(387, 264);
context.stroke();
context.lineTo(392, 265);
context.stroke();
context.lineTo(397, 266);
context.stroke();
context.lineTo(399, 266);
context.stroke();
context.lineTo(399, 266);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(392, 280);
context.lineTo(393, 280);
context.stroke();
context.lineTo(398, 280);
context.stroke();
context.lineTo(402, 282);
context.stroke();
context.lineTo(403, 282);
context.stroke();
context.lineTo(403, 282);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(394, 294);
context.lineTo(395, 294);
context.stroke();
context.lineTo(397, 295);
context.stroke();
context.lineTo(399, 296);
context.stroke();
context.lineTo(400, 297);
context.stroke();
context.lineTo(400, 297);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(391, 307);
context.lineTo(391, 308);
context.stroke();
context.lineTo(393, 308);
context.stroke();
context.lineTo(395, 308);
context.stroke();
context.lineTo(397, 309);
context.stroke();
context.lineTo(397, 309);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(368, 287);
context.lineTo(369, 287);
context.stroke();
context.lineTo(371, 287);
context.stroke();
context.lineTo(373, 288);
context.stroke();
context.lineTo(375, 288);
context.stroke();
context.lineTo(376, 288);
context.stroke();
context.lineTo(376, 288);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(368, 276);
context.lineTo(369, 276);
context.stroke();
context.lineTo(374, 276);
context.stroke();
context.lineTo(377, 276);
context.stroke();
context.lineTo(378, 276);
context.stroke();
context.lineTo(378, 276);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(364, 265);
context.lineTo(365, 265);
context.stroke();
context.lineTo(366, 264);
context.stroke();
context.lineTo(368, 263);
context.stroke();
context.lineTo(369, 263);
context.stroke();
context.lineTo(369, 263);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(383, 285);
context.lineTo(383, 285);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(384, 285);
context.lineTo(383, 285);
context.stroke();
context.lineTo(385, 285);
context.stroke();
context.lineTo(386, 285);
context.stroke();
context.lineTo(387, 285);
context.stroke();
context.lineTo(387, 285);
context.stroke();
context.strokeStyle = '#5F2EFF';
context.beginPath();
context.moveTo(399, 237);
context.lineTo(400, 237);
context.stroke();
context.lineTo(402, 237);
context.stroke();
context.lineTo(403, 237);
context.stroke();
context.lineTo(404, 237);
context.stroke();
context.lineTo(404, 237);
context.stroke();
</script>
</body>
</html>