<!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(128, 84);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(436, 158);
context.stroke();

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

context.lineTo(445, 190);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(191, 333);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(340, 393);
context.stroke();

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

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

context.lineTo(401, 393);
context.stroke();

context.lineTo(414, 390);
context.stroke();

context.lineTo(420, 387);
context.stroke();

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

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

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

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

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

context.lineTo(427, 356);
context.stroke();

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

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

context.lineTo(427, 352);
context.stroke();

context.lineTo(427, 350);
context.stroke();

context.lineTo(427, 349);
context.stroke();

context.lineTo(427, 352);
context.stroke();

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

context.lineTo(427, 356);
context.stroke();

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

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

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

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

context.lineTo(435, 348);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(467, 222);
context.stroke();

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

context.lineTo(476, 200);
context.stroke();

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

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

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

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

context.lineTo(488, 174);
context.stroke();

context.lineTo(490, 166);
context.stroke();
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(32, 28, 282, 217);

context.strokeStyle = '#000000';
context.strokeRect(341, 257, 239, 227);

context.strokeStyle = '#000000';
context.strokeRect(349, 33, 229, 199);

context.strokeStyle = '#000000';
context.strokeRect(31, 259, 287, 227);

context.strokeStyle = '#000000';
context.strokeRect(328, 220, 3, 271);

context.strokeStyle = '#000000';
context.strokeRect(328, 2, 3, 223);

context.strokeStyle = '#000000';
context.strokeRect(331, 240, 260, 3);

context.strokeStyle = '#000000';
context.strokeRect(166, 28, 4, 213);

context.lineWidth = 9;

context.strokeStyle = '#73FFB4';
context.beginPath();
context.moveTo(389, 79);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(471, 167);
context.stroke();
</script>
</body>
</html>